使用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>
相关推荐
kyriewen11 小时前
我手写了一个 EventEmitter,面试官追问了 6 个问题——第 4 个我没答上来
前端·javascript·面试
山河木马12 小时前
矩阵专题2-怎么创建视图矩阵(uViewMatrix)
javascript·webgl·计算机图形学
tangdou36909865513 小时前
AI真好玩系列-2分钟快速了解DeepAgents | Quick Guide to DeepAgents in 2 Minutes
前端·javascript·后端
张元清13 小时前
React useIntersectionObserver Hook:懒加载与可见性检测(2026)
javascript·react.js
彭于晏爱编程13 小时前
纯 JS + Node,一个下午手搓了能读懂公司代码的 AI 助手,老板以为我转行了
前端·javascript
妙码生花14 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(十四):眨眼小人登录页制作
前端·javascript·ai编程
妙码生花14 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(十三):前端路由初始化
前端·javascript·ai编程
PBitW14 小时前
GPT训练我的第四天,被打惨了!!!😭😭😭
前端·javascript·面试
DarkLONGLOVE15 小时前
快速上手 Pinia!Vue3 极简状态管理使用教程
javascript·vue.js
mackbob15 小时前
.eslintrc.js详细配置说明
javascript