Animation.translate3d

解釋?zhuān)?對(duì) X、Y、Z 坐標(biāo)進(jìn)行平移變換

方法參數(shù)

Number tx， 在 X 軸偏移 tx

Number ty，在 Y 軸偏移 ty

Number tz ，在 Z 軸偏移 tz

單位 px。

示例

圖片示例

代碼示例 

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

<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)畫(huà)</view>
        <button type="primary" bindtap="translate3d">translate3d</button>
    </view>
</view>

Page({
    onLoad() {
        this.animation = swan.createAnimation({
            transformOrigin: '50% 50%',
            duration: 1000,
            timingFunction: 'ease',
            delay: 0
        });
    },
    translate3d() {
        this.animation.translate3d(Math.random() * 100 - 50, Math.random() * 100 - 50, Math.random() * 100 - 50).step();
        this.setData({animation: this.animation.export()});
    }
});