日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

lottie-miniprogram

lottie 動(dòng)畫(huà)庫(kù)適配小程序的版本。

在西塞山等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專(zhuān)注、極致的服務(wù)理念，為客戶提供成都做網(wǎng)站、網(wǎng)站建設(shè) 網(wǎng)站設(shè)計(jì)制作按需網(wǎng)站建設(shè),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),營(yíng)銷(xiāo)型網(wǎng)站,成都外貿(mào)網(wǎng)站建設(shè),西塞山網(wǎng)站建設(shè)費(fèi)用合理。

lottie 的相關(guān)介紹與動(dòng)畫(huà)生成方法等請(qǐng)參考 官方說(shuō)明

依賴(lài)小程序基礎(chǔ)庫(kù)版本 >= 2.8.0 的環(huán)境

使用

可參考該代碼片段：https://developers.weixin.qq.com/s/2TYvm9mJ75bF。大致步驟如下：

1. 通過(guò) npm 安裝：

npm install --save lottie-miniprogram

1. 傳入 canvas 對(duì)象用于適配

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({
  ...
})

接口

目前提供兩個(gè)接口：

lottie.setup(canvas)

需要在任何 lottie 接口調(diào)用之前調(diào)用，傳入 canvas 對(duì)象

lottie.loadAnimation(options)

與原來(lái)的 loadAnimation 有些不同，支持的參數(shù)有：

• loop
• autoplay
• animationData
• path （只支持網(wǎng)絡(luò)地址）
• rendererSettings.context （必填）

說(shuō)明

• 本項(xiàng)目是以 npm 的方式依賴(lài)原 lottie-web 項(xiàng)目，若原項(xiàng)目有新版本，可直接改變依賴(lài)的版本號(hào)。
• 本項(xiàng)目依賴(lài)小程序基礎(chǔ)庫(kù) 2.8.0 里性能更好的 canvas 實(shí)現(xiàn)，由于還有些小問(wèn)題沒(méi)有正式開(kāi)放，但目前用在此處暫無(wú)發(fā)現(xiàn)問(wèn)題。
• 由于小程序本身不支持動(dòng)態(tài)執(zhí)行腳本，因此 lottie 的 expression 功能也是不支持的。

當(dāng)前題目：創(chuàng)新互聯(lián)小程序教程：微信小程序工具庫(kù)類(lèi)·lottie
文章來(lái)源：http://www.5511xx.com/article/dpejpej.html