Animation.matrix

Animation.matrix

解釋： 同transform-function matrix

方法參數(shù)

Number a，Number b，Number c，Number d

示例 

在開發(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="matrix">matrix</button>
    </view>
</view>

Page({
    onLoad() {
        this.animation = swan.createAnimation({
            duration: 1000,
            timingFunction: 'ease',
            delay: 0,
            transformOrigin: '50% 50%'
        });
    },
    matrix() {
        // matrix的值對(duì)應(yīng)scaleX(), skewY(), skewX(), scaleY(), translateX(), translateY()
        this.animation.matrix(1, 2, 2, 1, 20, 20).step();
        this.setData({
            animation: this.animation.export()
        });
    }
});