选择您喜欢的东西，并热爱您选择的东西。前四个词是您一生的前半部分，最后四个词是您的余生

我对如何在微信中使用动画库没有冷淡的看法。如果动画图标很少在项目中使用，则GIF绝对不仅仅是更少。相反，如果需要更多地使用动画，则网络图标还不错...

因此，可以理解的是，可以触摸动画，但不一定使用。它是网络还是本地的优点是大小，最小体积为150*150，而JSON只有27.5kb

＃安装依赖项

在使用我们安装微信开发人员工具之前 - 库

注意：带有基本库版本的环境> = 2.8.0

1。在微信开发工具控制台终端（或外部终端）中执行它

npm install --save lottie-miniprogram

2。通过对象进行适应

<view style="text-align: center;">  <canvas id="c1" type="2d" style="display: inline-block; width: 300px; height: 300px;">canvas>  <button bindtap="pause" style="width: 300px;">停止button>view>

.intro { margin: 30px; text-align: center;}button { margin-top: 10px;}

const app = getApp()// 引入库import lottie from 'lottie-miniprogram'
Page({ data: {
}, onLoad: function () { // 初始化动画 this.init(); }, // 初始化动画 init() { if (this._inited) { return } wx.createSelectorQuery().selectAll('#c1').node(res => { const canvas = res[0].node const context = canvas.getContext('2d')
// json动画模糊问题处理 const dpr = wx.getSystemInfoSync().pixelRatio canvas.width = 300 * dpr canvas.height = 300 * dpr   lottie.setup(canvas) this.ani = lottie.loadAnimation({ loop: true,//循环 autoplay: true,//自动播放 animationData: require('../json/catrim.js'),//本地动画 //path：'', //path和animationData只需要一个，path需要注意合法域名 rendererSettings: { context, }, }) this._inited = true }).exec() }, pause() { this.ani.pause() },})

（这条路，只需要一条路，就需要注意法律域名）

＃更新

更新 - 版本

您可以检查版本编号并在/.json中找到它

- 修改版本的Web字段后，在终端中执行它

npm i

＃本地JSON动画

材料网站：

网站下载的材料是JSON格式，而小程序需要JS格式，编辑JSON文件并添加JS导出

module.exports={//这里就是动画的json内容}

＃ 其他

我不知道我是否没有仔细阅读文档，没有关于销毁的功能

＃下载

官方示例：

（最重要的详细信息 - 本地设置 - 调试基本库“开发”已更改为最新版本）