Animation.skewX
解释: 对 X 轴坐标进行倾斜
方法参数
Number ax: 参数范围-180~180;Y 轴坐标不变, X 轴坐标延顺时针倾斜 ax 度。
示例
扫码体验
请使用百度APP扫码
图片示例
代码示例
<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="skewX">skewX</button>
</view>
</view>
Page({
data:{ },
onReady() {
this.animation = swan.createAnimation({
transformOrigin: "50% 50%",
duration: 1000,
timingFunction: "ease",
delay: 0
})
},
skewX() {
this.animation.skewX(Math.random() * 90).step()
this.setData({animation: this.animation.export()})
}
});