Animation.scale

2020-08-21 16:00 更新

解释: 缩放

方法参数

Number sx,Number sy

参数说明

一个参数时,表示在 X 轴、Y 轴同时缩放 sx 倍数;两个参数时表示在 X 轴缩放 sx 倍数,在 Y 轴缩放 sy 倍数。

示例 

在开发者工具中打开


图片示例



代码示例

<view class="wrap">
    <view class="animation-element-wrapper">
        <view class="animation-element" animation="{{animation}}"></view>
    </view>
    <view class="card-area">
        <view class="top-description border-bottom">展示动画</view>
        <button type="primary" bindtap="scale">scale</button>
    </view>
</view>
Page({
    onLoad() {
        this.animation = swan.createAnimation({
            transformOrigin: '50% 50%',
            duration: 1000,
            timingFunction: 'ease',
            delay: 0
        });
    },
    scale() {
        this.animation.scale(Math.random() * 2, Math.random() * 3).step();
        this.setData({animation: this.animation.export()});
    }
});


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号