大家好我是辉子，遇到有用的东西就记录下来，也希望和您成为朋友。关注 公众号: 【罗米笔记】，有更好的笔记会及时更新，
上期推荐了一个svga , 是可以应用在直播刷礼物的特效，当然，还有个库应用起来也是很棒的，那就是lottie
Lottie是一个用于Web和iOS的移动库，它可以用Bodymovin解析导出为json的Adobe After Effects动画，并在移动设备上原生渲染它们! 使用 Lottic 提供的 Bodymovin 插件将设计好的动画导出成 JSON 格式，就可以直接运用在 iOS、Android、Web 和 React Native之上，无需其他额外操作。
主要是想写下关于lottie-web
制作的话，可以安装插件 aescripts.com/bodymovin/
使用代码：
npm install lottie-web
// 模拟下送礼物到销毁的过程
onMounted(() => {
const item = lottie.loadAnimation({
container: document.getElementById("bm"),
renderer: 'svg',
loop: false,
autoplay: true,
path: new URL(
// 本地资源路径
`/src/assets/data.json`,
import.meta.url
).href
})
item.addEventListener("complete", function (direction) {
item.destroy()
})
})
<div id="bm" style="width: 100px"></div>
上面的代码就能实现想要的效果 ， 朋友们可以去尝试下。
对应的github:
github.com/airbnb/lott… android
