Animation.skew

解釋： 對 X、Y 軸坐標(biāo)進(jìn)行傾斜

方法參數(shù)

Number ax，Number ay

參數(shù)說明

參數(shù)范圍-180~180；一個參數(shù)時(shí)， Y 軸坐標(biāo)不變， X 軸坐標(biāo)延順時(shí)針傾斜 ax 度；兩個參數(shù)時(shí)，分別在 X 軸傾斜 ax 度，在 Y 軸傾斜 ay 度。

示例 

在開發(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">展示動畫</view>
        <button type="primary" bindtap="skew">skew</button>
    </view>
</view>

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