技术栈

使用lottie.js播放json动画文件

忠实米线2026-01-22 8:30
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>
上一篇:CSS 新特性总结(附:var() 函数详解)
下一篇:ROS Noetic 与 Ubuntu 24.04
相关推荐
froginwe11
6 小时前
Python3与MySQL的连接:使用mysql-connector
开发语言
xjt_0901
7 小时前
基于 Vue 3 构建企业级 Web Components 组件库
前端·javascript·vue.js
杜子不疼.
7 小时前
PyPTO:面向NPU的高效并行张量编程范式
开发语言
lly202406
7 小时前
C# 结构体(Struct)
开发语言
我是伪码农
7 小时前
Vue 2.3
前端·javascript·vue.js
YMWM_
7 小时前
python3继承使用
开发语言·python
Once_day
7 小时前
C++之《程序员自我修养》读书总结(1)
c语言·开发语言·c++·程序员自我修养
辰风沐阳
7 小时前
JavaScript 的宏任务和微任务
javascript
喜欢喝果茶.
7 小时前
QOverload<参数列表>::of(&函数名)信号槽
开发语言·qt
热门推荐
01GitHub 镜像站点02Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services03OpenClaw Chrome扩展使用教程 - 浏览器中继控制04Linux下V2Ray安装配置指南05使用 1panel面板 部署 php网站06UV安装并设置国内源07Vue-skills的中文文档08openclaw配置教程(linux+局域网ollama)09让 Trae IDE 智能体 “读懂”文档 Excel+PDF+DOCX :mcp-documents-reader 工具使用指南10Claude Code Skills 实用使用手册