小程序开放平台

文档中心
基础
路由
跳转
转发
界面
交互
TabBar
导航栏
下拉刷新
动画
createAnimation
Animation
菜单
字体
网络
支付
数据缓存
媒体
位置
开放接口
设备
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 轴的缩放倍数