Animation.rotateX

解释：从 X 轴顺时针旋转一个角度

方法参数

Number deg,deg的范围-180~180，在X轴旋转一个 deg 角度。

示例

在开发者工具中预览效果

扫码体验

请使用百度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="rotateX">rotateX</button>
    </view>
</view>

Page({
    data:{ },
    onReady() {
      this.animation = swan.createAnimation({
        transformOrigin: "50% 50%",
        duration: 1000,
        timingFunction: "ease",
        delay: 0})
    },
    rotateX() {
      this.animation.rotateX(Math.random() * 720 - 360).step()
      this.setData({animation: this.animation.export()})
    }
});