调研动画库Lottie在微信小程序中的应用

1.安装

第一步： 若项目中没有package.json文件 无法安装，可以通过 npm init初始化一个package.json文件

lottie-miniprogram官网

第二步： 安装 npm install --save lottie-miniprogram

第三步： 微信开发者工具——工具 -> 构建npm

2.使用

2.1 在wxml中定义画布

.wxml文件
 <canvas id="canvas" type="2d"></canvas>

2.2 在.js文件中获取并执行动画效果

2.2.1 本地JSON文件格式动画

转换成js文件，export default json内容
animationData:data,

import data from  '../../assets/data.js'
import lottie from 'lottie-miniprogram'

  onLoad() {
    wx.createSelectorQuery().select('#canvas').node(res => {
      const canvas = res.node
      const context