Animation.scale3d

2020-08-21 16:00 更新

解釋: 縮放

方法參數(shù)

Number sx,Number sy,Number sz

參數(shù)說(shuō)明

在 X 軸縮放 sx 倍數(shù),在 Y 軸縮放 sy 倍數(shù),在 Z 軸縮放 sz 倍數(shù)。

示例 

在開發(fā)者工具中打開



圖片示例



代碼示例

<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">展示動(dòng)畫</view>
        <button type="primary" bindtap="scale3d">scale3d</button>
    </view>
</view>
Page({
    onLoad() {
        this.animation = swan.createAnimation({
            transformOrigin: '50% 50%',
            duration: 1000,
            timingFunction: 'ease',
            delay: 0
        });
    },
    scale3d() {
        this.animation.scale3d(Math.random() * 2, Math.random() * 2, Math.random() * 2).step();
        this.setData({animation: this.animation.export()});
    }
});


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)