小程序开放平台

文档中心
基础
界面
交互
下拉刷新
动画
Animation
createAnimation
字体
网络
数据缓存
媒体
位置
开放接口
设备
XHSML
性能
文件
数据分析
画布

xhs.Animation

开发
>
JS API
>
界面
>
动画
>
Animation
>
更新时间:2024-11-13 19:05:28

动画对象

方法

Animation.opacity

设置透明度

参数

number value

透明度,范围 0-1

Animation.backgroundColor

设置背景色

参数

string value

颜色值

Animation.width

设置宽度

参数

string,number value

长度值,如果传入 number 则默认使用 px,可传入其他自定义单位的长度值

Animation.height

设置高度

参数

string,number value

长度值,如果传入 number 则默认使用 px,可传入其他自定义单位的长度值

Animation.left

设置 left 值

参数

string,number value

长度值,如果传入 number 则默认使用 px,可传入其他自定义单位的长度值

Animation.right

设置 right 值

参数

string,number value

长度值,如果传入 number 则默认使用 px,可传入其他自定义单位的长度值

Animation.top

设置 top 值

参数

string,number value

长度值,如果传入 number 则默认使用 px,可传入其他自定义单位的长度值

Animation.bottom

设置 button 值

参数

string,number value

长度值,如果传入 number 则默认使用 px,可传入其他自定义单位的长度值

Animation.translateY

对 Y 轴平移

参数

number value

在 Y 轴平移的距离,单位为 px

Animation.translateX

对 X 轴平移

参数

number value

在 X 轴平移的距离,单位为 px

Animation.translateZ

对 Z 轴平移

参数

number value

在 Z 轴平移的距离,单位为 px

Animation.translate3d

对 xyz 坐标进行平移变换

number tx

在 X 轴平移的距离,单位为 px number ty 在 Y 轴平移的距离,单位为 px number tz 在 Z 轴平移的距离,单位为 px

Animation.translate

平移变换

number tx

在 X 轴平移的距离,单位为 px number ty 在 Y 轴平移的距离,单位为 px

Animation.skew

对 X、Y 轴坐标进行倾斜

number ax

对 X 轴坐标倾斜的角度,范围 -180, 180 number ay 对 Y 轴坐标倾斜的角度,范围 -180, 180

Animation.skewX

对 X 轴坐标进行倾斜

参数

number value

倾斜的角度,范围 -180, 180

Animation.skewY

对 Y 轴坐标进行倾斜

参数

number value

倾斜的角度,范围 -180, 180

Animation.matrix

对 X 轴坐标进行倾斜

Animation.matrix3d

对 Y 轴坐标进行倾斜

Animation.rotate

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

参数

number value

旋转的角度。范围 -180, 180

Animation.rotateX

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

参数

number value

旋转的角度。范围 -180, 180

Animation.rotateY

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

参数

number value

旋转的角度。范围 -180, 180

Animation.rotateZ

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

参数

number value

旋转的角度。范围 -180, 180

Animation.rotate3d

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

number x

旋转轴的 x 坐标 number y 旋转轴的 y 坐标 number z 旋转轴的 z 坐标 number angle 旋转的角度。范围 -180, 180

Animation.scale

缩放

number sx

当仅有 sx 参数时,表示在 X 轴、Y 轴同时缩放sx倍数 number sy 在 Y 轴缩放 sy 倍数

Animation.scaleX

缩放 X 轴

参数

number value

X 轴的缩放倍数

Animation.scaleY

缩放 Y 轴

参数

number value

Y 轴的缩放倍数

Animation.scaleZ

缩放 Z 轴

参数

number value

Z 轴的缩放倍数

Animation.scale3d

缩放

number sx

x 轴的缩放倍数 number sy y 轴的缩放倍数 number sz z 轴的缩放倍数