微信小程序 工具库类lottie


本文整理自网络,侵删。

lottie-miniprogram

lottie 动画库适配小程序的版本。

lottie 的相关介绍与动画生成方法等请参考 官方说明依赖小程序基础库版本 >= 2.8.0 的环境

使用

可参考该代码片段:https://developers.weixin.qq.com/s/2TYvm9mJ75bF。大致步骤如下:

  1. 通过 npm 安装:
npm install --save lottie-miniprogram
  1. 传入 canvas 对象用于适配
<canvas id="canvas" type="2d"></canvas>
import lottie from 'lottie-miniprogram'

Page({
  onReady() {
    wx.createSelectorQuery().select('#canvas').node(res => {
      const canvas = res.node
      lottie.setup(canvas)
    }).exec()
  }
})
  1. 使用 lottie 接口
lottie.setup(canvas)
lottie.loadAnimation({
  ...
})

接口

目前提供两个接口:

阅读剩余部分

相关阅读 >>

微信小程序api 创建插屏广告组件

微信小程序工具 快捷键

微信小程序api 视频-保存视频

微信小程序 运力方使用oncancelorder

微信小程序 wxs

sdk数据库 aggregate指定根节点

微信小程序api 滚动

微信小程序 消息-统一服务消息

微信小程序 wxss

微信小程序云开发 api数据库聚合

更多相关阅读请进入《微信小程序》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    正在狠努力加载,请稍候...