Animation.scale3d
解释: 缩放
方法参数
Number sx,Number sy,Number sz
参数说明
在X轴缩放sx倍数,在Y轴缩放sy倍数,在Z轴缩放sz倍数。
示例
扫码体验
请使用百度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="scale3d">scale3d</button>
</view>
</view>
Page({
data:{ },
onReady() {
this.animation = swan.createAnimation({
transformOrigin: "50% 50%",
duration: 1000,
timingFunction: "ease",
delay: 0})
},
scale3d() {
this.animation.scale3d(Math.random() * 2, Math.random() * 2, Math.random() * 2).step()
this.setData({animation: this.animation.export()})
}
});