使用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>
相关推荐
似水明俊德13 分钟前
02-C#.Net-反射-学习笔记
开发语言·笔记·学习·c#·.net
蓝冰凌23 分钟前
Vue 3 中 defineExpose 的行为【defineExpose暴露ref变量】详解:自动解包、响应性与实际使用
前端·javascript·vue.js
奔跑的呱呱牛36 分钟前
generate-route-vue基于文件系统的 Vue Router 动态路由生成工具
前端·javascript·vue.js
于先生吖37 分钟前
Java框架开发短剧漫剧系统:后台管理与接口开发
java·开发语言
柳杉1 小时前
从动漫水面到赛博飞船:这位开发者的Three.js作品太惊艳了
前端·javascript·数据可视化
khddvbe1 小时前
C++并发编程中的死锁避免
开发语言·c++·算法
wWYy.2 小时前
STL:list
开发语言·c++
TON_G-T2 小时前
day.js和 Moment.js
开发语言·javascript·ecmascript
飞Link2 小时前
具身智能核心架构之 Python 行为树 (py_trees) 深度剖析与实战
开发语言·人工智能·python·架构