更新记录

1.0.2（2023-01-16）

修复动态url不刷新的BUG

1.0.1（2023-01-13）

添加播放完成事件

1.0.0（2023-01-13）

基础功能

平台兼容性

Vue2	Vue3
√	√

App	快应用	微信小程序	支付宝小程序	百度小程序	字节小程序	QQ小程序
HBuilderX 3.1.0 app-vue app-nvue	√	√	√	√	√	√

钉钉小程序	快手小程序	飞书小程序	京东小程序
√	√	√	√

H5-Safari	Android Browser	微信浏览器(Android)	QQ浏览器(Android)	Chrome	IE	Edge	Firefox	PC-Safari
√	√	√	√	√	√	√	√	√

zs-canvas-animation

注意事项

图片命名格式未${i}.png，i从0开始。然后使用TexturePacker等工具打包成图集，允许裁剪，不允许旋转。导出和json和png必须同一个目录下

使用方法

<zs-canvas-animation ref="animationRef" url="https://xxxxx" :width="750" :height="750" :fps="20" :loop="false" @onLoop="onLoop"></zs-canvas-animation>

参数	说明
url	文件路径，不带格式。如https://oss.xxx.com/mp-weixin/test/1 ，对应资源为1.png和1.json
width	cavans宽度单位rpx
height	cavans高度单位rpx
fps	帧数默认1秒20帧
loop	是否循环播放默认true

方法	说明
animationRef.play()	开始播放
animationRef.stop()	停止播放
animationRef.next()	下一帧
animationRef.to(i)	到指定帧

事件	说明
onLoop	播放完成触发

zs-canvas-animation zs-canvas-animation

更新记录

1.0.2（2023-01-16）

1.0.1（2023-01-13）

添加播放完成事件

1.0.0（2023-01-13）

基础功能

平台兼容性

zs-canvas-animation

注意事项

使用方法

隐私、权限声明

1. 本插件需要申请的系统权限列表：

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

许可协议

MIT协议

zs-canvas-animation

zs-canvas-animation zs-canvas-animation

更新记录

1.0.2（2023-01-16）

1.0.1（2023-01-13）

添加播放完成事件

1.0.0（2023-01-13）

基础功能

平台兼容性

zs-canvas-animation

注意事项

使用方法

隐私、权限声明

1. 本插件需要申请的系统权限列表：

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

许可协议

MIT协议

zs-canvas-animation

Modal title