本文整理自网络,侵删。
lottie-miniprogram
lottie 动画库适配小程序的版本。
lottie 的相关介绍与动画生成方法等请参考 官方说明依赖小程序基础库版本 >= 2.8.0 的环境使用
可参考该代码片段:https://developers.weixin.qq.com/s/2TYvm9mJ75bF。大致步骤如下:
- 通过 npm 安装:
npm install --save lottie-miniprogram
- 传入 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()
}
})
- 使用 lottie 接口
lottie.setup(canvas)
lottie.loadAnimation({
...
})
接口
目前提供两个接口:
相关阅读 >>
微信小程序api 实时音视频-livepushercontext实例
微信小程序api 实时音视频-liveplayercontext实例
更多相关阅读请进入《微信小程序》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者