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({
        onLoad() {
            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()
            });
        }
    });