Animation

title: Animation

sidebar_label: Animation

动画对象

支持情况：

参考文档

方法

export

导出动画队列。export 方法每次调用后会清掉之前的动画操作。

支持情况：

参考文档

() => { actions: TaroGeneral.IAnyObject[]; }

step

表示一组动画完成。可以在一组动画中调用任意多个动画方法，一组动画中的所有动画会同时开始，一组动画完成后才会进行下一组动画。

支持情况：

参考文档

(option?: StepOption) => Animation

matrix

同 transform-function matrix

支持情况：

参考文档

(a: number, b: number, c: number, d: number, tx: number, ty: number) => Animation

matrix3d

同 transform-function matrix3d

支持情况：

参考文档

(a1: number, b1: number, c1: number, d1: number, a2: number, b2: number, c2: number, d2: number, a3: number, b3: number, c3: number, d3: number, a4: number, b4: number, c4: number, d4: number) => Animation

rotate

从原点顺时针旋转一个角度

支持情况：

参考文档

(angle: number) => Animation

rotate3d

从 固定 轴顺时针旋转一个角度

支持情况：

参考文档

(x: number, y?: number, z?: number, angle?: number) => Animation

rotateX

从 X 轴顺时针旋转一个角度

支持情况：

参考文档

(angle: number) => Animation

rotateY

从 Y 轴顺时针旋转一个角度

支持情况：

参考文档

(angle: number) => Animation

rotateZ

从 Z 轴顺时针旋转一个角度

支持情况：

参考文档

(angle: number) => Animation

scale

缩放

支持情况：

参考文档

(sx: number, sy?: number) => Animation

scale3d

缩放

支持情况：

参考文档

(sx: number, sy: number, sz: number) => Animation

scaleX

缩放 X 轴

支持情况：

参考文档

(scale: number) => Animation

scaleY

缩放 Y 轴

支持情况：

参考文档

(scale: number) => Animation

scaleZ

缩放 Z 轴

支持情况：

参考文档

(scale: number) => Animation

skew

对 X、Y 轴坐标进行倾斜

支持情况：

参考文档

(ax: number, ay: number) => Animation

skewX

对 X 轴坐标进行倾斜

支持情况：

参考文档

(angle: number) => Animation

skewY

对 Y 轴坐标进行倾斜

支持情况：

参考文档

(angle: number) => Animation

translate

平移变换

支持情况：

参考文档

(tx?: number, ty?: number) => Animation

translate3d

对 xyz 坐标进行平移变换

支持情况：

参考文档

(tx?: number, ty?: number, tz?: number) => Animation

translateX

对 X 轴平移

支持情况：

参考文档

(translation: number) => Animation

translateY

对 Y 轴平移

支持情况：

参考文档

(translation: number) => Animation

translateZ

对 Z 轴平移

支持情况：

参考文档

(translation: number) => Animation

opacity

设置透明度

支持情况：

参考文档

(value: number) => Animation

backgroundColor

设置背景色

支持情况：

参考文档

(value: string) => Animation

width

设置宽度

支持情况：

参考文档

(value: string | number) => Animation

height

设置高度

支持情况：

参考文档

(value: string | number) => Animation

left

设置 left 值

支持情况：

参考文档

(value: string | number) => Animation

right

设置 right 值

支持情况：

参考文档

(value: string | number) => Animation

top

设置 top 值

支持情况：

参考文档

(value: string | number) => Animation

bottom

设置 bottom 值

支持情况：

参考文档

(value: string | number) => Animation

参数

StepOption

TimingFunction

API 支持度