使用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>
相关推荐
SensorFlow2 小时前
曝光埋点别放在组件渲染里:连续可见与去重范围怎么验收
javascript
harris14815435297582 小时前
能解码不等于能信任:JWT 的签名到底验的是什么
javascript
liqingdi4372 小时前
[SWPUCTF 2023 秋季新生赛]Easy SMC
服务器·前端·javascript
日耗10亿Token被老板赶出门2 小时前
REA 火了:一个 Electron 按钮的调用链,它能追到哪一步?
javascript·electron
茉莉玫瑰花茶2 小时前
GO [ 标准库 ]
开发语言·后端·golang
半杯咖啡半行码2 小时前
C++11核心特性详解:从C++11到C++20 的现代C++指南
开发语言·c++
青柠之夏cc3 小时前
Laravel服务容器底层原理揭秘
javascript·rpc·laravel
2601_966949653 小时前
如何判断实时行情数据是否已经更新?从时间戳、交易时段到行情有效性
开发语言·python·数据分析·pandas·量化交易·股票数据·quantdash
架构师伯子明3 小时前
QT+OpenGL(3):FBO离屏渲染
开发语言·qt
李福春3 小时前
技术思考问题6:技术演讲该晒成功架构,还是交代失败与取舍?
java·开发语言·架构·computer use·深圳同盟·腾讯云架构师技术同盟·反演思维