Animation.matrix

解释:同 transform-function matrix

方法参数

Number sx, Number ay, Number ax, Number sy, Number tx, Number ty

参数说明

属性名类型必填默认值说明

sx

Number

在 X 轴缩放 sx 倍数。对应 Animation.scaleX

ay

Number

参数范围 -180~180 ;X 轴坐标不变,Y 轴坐标延顺时针倾斜 ay 度。对应 Animation.skewY

ax

Number

参数范围 -180~180 ;Y 轴坐标不变, X 轴坐标延顺时针倾斜 ax 度。对应 Animation.skewX

sy

Number

在 Y 轴缩放 sy 倍数。对应 Animation.scaleY

tx

Number

在 X 轴偏移 tx(单位:px)。对应 Animation.translateX

ty

Number

在 Y 轴偏移 ty(单位:px)。对应 Animation.translateY

示例

跳转编辑工具

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

百度智能小程序

请使用百度APP扫码

图片示例

Animation.matrix - 图2

代码示例

  • SWAN
  • JS
  1. <view class="wrap">
  2. <view class="animation-element-wrapper">
  3. <view class="animation-element" animation="{{animation}}"></view>
  4. </view>
  5. <view class="card-area">
  6. <view class="top-description border-bottom">展示动画</view>
  7. <button type="primary" bindtap="matrix">matrix</button>
  8. </view>
  9. </view>