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 |
示例
跳转编辑工具
扫码体验
代码示例
请使用百度APP扫码
图片示例
代码示例
- SWAN
- JS
<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="matrix">matrix</button>
</view>
</view>