使用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>
相关推荐
爱炸薯条的小朋友16 小时前
C#的详细应用和讲解池化为什么能提升 OpenCvSharp / Mat 的整体效率
开发语言·opencv·c#
不是山谷.:.16 小时前
websocket的封装
开发语言·前端·网络·笔记·websocket·网络协议
故事和你9116 小时前
洛谷-【图论2-2】最短路4
开发语言·数据结构·c++·算法·动态规划·图论
輕華16 小时前
YOLOv10轮毂缺陷检测(下)——模型推理与PyQt5可视化应用
开发语言·qt·yolo
努力攀登的小k17 小时前
《Java基础,Java多态入门到进阶:重写、重载、转型的逻辑与实战避坑》
java·开发语言
ZC跨境爬虫17 小时前
跟着 MDN 学 HTML day_63:(Web 中矢量图形的完整指南)
前端·javascript·数据库·ui·html
烤麻辣烫17 小时前
计算机思维--经典互联网应用
开发语言·学习·搜索引擎·数据库开发
爱怪笑的小杰杰17 小时前
Leaflet 实现轨迹拐角自动圆弧化:基于球面几何的高精度平滑算法
前端·javascript·算法·无人机
xyq202417 小时前
WebForms 数据库连接详解
开发语言
甲方大人请饶命17 小时前
Java-集合进阶
java·开发语言