使用lottie.js播放json动画文件

html 复制代码
	<div id="lottie-container" style="height: 200px;"></div>
	<script>
	lottie.loadAnimation({
			container: document.getElementById('lottie-container'), // DOM 容器
			renderer: 'canvas',           // 渲染方式:'svg' / 'canvas' / 'html'
			loop: true,                // 是否循环
			autoplay: true,            // 是否自动播放
			path: '/1.json' // JSON 文件路径
		});
</script>
相关推荐
CS创新实验室2 小时前
《计算机网络》深入学:虚拟局域网(VLAN)技术与应用
开发语言·计算机网络·php·vlan·虚拟局域网
Marshmallowc2 小时前
React页面刷新数据丢失怎么办?彻底掌握LocalStorage持久化与状态回填的最佳实践
前端·javascript·react.js
H Corey2 小时前
Java抽象类与接口实战指南
java·开发语言·学习·intellij-idea
郝学胜-神的一滴2 小时前
Vue国际化(i18n)完全指南:原理、实践与最佳方案
前端·javascript·vue.js·程序人生·前端框架
少控科技2 小时前
QT高阶日记011
开发语言·qt
tkevinjd2 小时前
2-初识JS
开发语言·前端·javascript·ecmascript·dom
AAD555888992 小时前
光伏组件检测与识别基于RPN_X101-FPN模型实现含Python源码_1
开发语言·python
梦6502 小时前
React 类组件与函数式组件
前端·javascript·react.js
Coder_Boy_2 小时前
基于SpringAI的在线考试系统-成绩管理功能实现方案
开发语言·前端·javascript·人工智能·spring boot