Animation.translate3d

解释： 对 X、Y、Z 坐标进行平移变换

方法参数

Number tx， 在 X 轴偏移 txNumber ty，在 Y 轴偏移 tyNumber tz ，在 Z 轴偏移 tz

单位 px。

示例

扫码体验

请使用百度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="translate3d">translate3d</button>    </view></view>
  1. Page({    data:{ },    onReady() {      this.animation = swan.createAnimation({        transformOrigin: "50% 50%",        duration: 1000,        timingFunction: "ease",        delay: 0})    },    translate3d() {      this.animation.translate3d(Math.random() * 100 - 50,Math.random() * 100 - 50,Math.random() * 100 - 50).step()      this.setData({animation: this.animation.export()})    },});