前端Vue如何使用SVGA融合动画添加文字和图片（必读）
如果需要制作进场特效，需要用的svga的，可以方便观看一下
·
一. SVGA介绍
SVGA 是一种跨平台的开源动画格式，同时兼容 iOS / Android / Web。SVGA 除了使用简单，性能卓越，同时让动画开发分工明确，各自专注各自的领域，大大减少动画交互的沟通成本，提升开发效率。动画设计师专注动画设计，通过工具输出 svga 动画文件，提供给开发工程师在集成 svga player 之后直接使用。动画开发从未如此简单！SVGA 除了使用简单，性能卓越，同时让动画开发分工明确，各自专注各自的领域，大大减少动画交互的沟通成本，提升开发效率。
二.安装我们需要的依赖
三、使用
首先我们约定好forKey。forKey会控制我们的文本和图片需要放在svga动画的什么位置
如果是需要圆形图片要做下处理
播放svga动画的函数
根据自己使用的场景，我目前场景是进场动画（所以我监听用户进来的id、如果只播放一次可以放在mounted生命周期中调用）
注： forKey就是之前约定好的
- setText(text: string | {text: string, family: string, size: string, color: string, offset: {x: float, y: float}}, forKey: string); - 设定动态文本
- setImage(image: string, forKey: string, transform: [a, b, c, d, tx, ty]); 设定动态图像, transform 是可选的, transform 用于变换替换图片
四.SVGA的属性和方法
五.制作不易，点个赞再走吧
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
12
0- 0
已为社区贡献1条内容
所有评论(0)