微信小程序 工具库类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 获取用户过去三十天微信运动步数

微信小程序 广告创建数据源

微信小程序视图容器 view

微信小程序 imgseccheck

sdk数据库 aggregate文档拆分

微信小程序api 实时音视频-livepushercontext实例

微信小程序 安全指引-开发原则与注意事项

微信小程序api 实时音视频-liveplayercontext实例

微信小程序api 音频-开始播放

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




打赏

取消

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

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

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

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

评论

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