技术栈

使用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
4 分钟前
Python3与MySQL的连接:使用mysql-connector
开发语言
xjt_0901
18 分钟前
基于 Vue 3 构建企业级 Web Components 组件库
前端·javascript·vue.js
杜子不疼.
24 分钟前
PyPTO:面向NPU的高效并行张量编程范式
开发语言
lly202406
25 分钟前
C# 结构体(Struct)
开发语言
我是伪码农
30 分钟前
Vue 2.3
前端·javascript·vue.js
YMWM_
36 分钟前
python3继承使用
开发语言·python
Once_day
1 小时前
C++之《程序员自我修养》读书总结(1)
c语言·开发语言·c++·程序员自我修养
辰风沐阳
1 小时前
JavaScript 的宏任务和微任务
javascript
喜欢喝果茶.
1 小时前
QOverload<参数列表>::of(&函数名)信号槽
开发语言·qt
热门推荐
01GitHub 镜像站点02Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services03使用 1panel面板 部署 php网站04Vue-skills的中文文档05OpenClaw Chrome扩展使用教程 - 浏览器中继控制06Linux下V2Ray安装配置指南07让 Trae IDE 智能体 “读懂”文档 Excel+PDF+DOCX :mcp-documents-reader 工具使用指南08从零搭建一个 PHP 登录注册系统(含完整源码)09UV安装并设置国内源10一文了解国产算子编程语言 TileLang,TileLang 对国产开源生态的影响与启示