更新记录
1.0.2(2023-04-09)
下载此版本
1.删除项目中无用代码
1.0.1(2023-04-09)
下载此版本
1.重构组件代码,更符合vue3写法
1.0.0(2023-04-09)
下载此版本
适配支付宝和微信小程序
查看更多
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.7.8 |
× |
√ |
√ |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
× |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
fz-svga
使用说明
本组件仅兼容微信小程序和支付宝小程序
页面使用
<fz-svga src=""></fz-svga>
组件属性
属性 |
类型 |
默认值 |
说明 |
canvasId |
String |
|
画布id,可指定可不指定 |
width |
String |
750rpx |
图像宽度 默认750rpx 单位rpx |
height |
String |
750rpx |
图像高度 默认750rpx 单位rpx |
src |
String |
|
svga文件地址 |
autoPlay |
Boolean |
true |
是否自动播放 默认true |
loops |
Number |
0 |
动画循环次数,默认值为 0,表示无限循环 |
clearsAfterStop |
Boolean |
true |
默认值为 true,表示当动画结束时,清空画布 |
fillMode |
String |
Forward |
可选值 Forward / Backward |
组件事件
名称 |
触发时机 |
onFinished |
监听动画停止播放 loop!=0时生效 |