Animation.skewX

解释： 对 X 轴坐标进行倾斜

方法参数

Number ax: 参数范围-180~180；Y 轴坐标不变， X 轴坐标延顺时针倾斜 ax 度。

示例

在开发者工具中预览效果

扫码体验

请使用百度APP扫码

图片示例

代码示例

  1. <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>
  1. 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()})    }});