使用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>
相关推荐
一行代码一行诗++5 分钟前
注释是什么和注释该怎么写(C语言)
java·前端·javascript
陈振wx:zchen200812 分钟前
前端-面试题-JavaScript
javascript·前端面试题
.柒宇.17 分钟前
FastAPI 基础指南:从入门到实战
开发语言·python·fastapi
xyq202424 分钟前
Go 错误处理
开发语言
JAVA面经实录91731 分钟前
企业级java+LangChain4j-RAG系统 限流熔断降级
java·开发语言·分布式·langchain
幽络源小助理41 分钟前
小六壬排盘工具源码 自适应双端 纯原生HTML+JS
前端·javascript·html
Slow菜鸟42 分钟前
Codex CLI 教程(五)| AI 驱动项目从零到一:面向 Java 全栈工程师打造个人 ECC(V2版)
java·开发语言·人工智能
lsx20240643 分钟前
Julia 基本运算符
开发语言
2501_921649491 小时前
企业定制金融数据 API:从架构设计到 Python 接入实战
大数据·开发语言·python·websocket·金融·量化
直奔標竿1 小时前
SpringAI + RAG + MCP + Agent 零基础全栈实战(完结篇)| 27课完整汇总,Java开发者AI转型必看
java·开发语言·人工智能·spring boot·后端·spring