Advertisement

微信小程序支持Lottie mini-program插件。展示JSON格式动画文件,在手机端可能出现锯齿模糊问题

阅读量:

https://github.com/wechat-miniprogram/lottie-miniprogram

应用方式

  1. 采用 npm 进行安装:
复制代码
    npm install --save lottie-miniprogram
  1. 将 canvas 对象传入以实现适配功能
复制代码
    <canvas id="canvas" type="2d"></canvas>
复制代码
    wxss
    覆盖默认的小程序的canvas的宽高样式
    #canvas{
       width:120rpx;
       height:120rpx;
    }
复制代码
    import lottie from 'lottie-miniprogram'
    
    Page({
      onReady() {
        wx.createSelectorQuery().select('#canvas').node(res => {
            const canvas = res.node
            const context = canvas.getContext('2d')
    //避免出现锯齿问题,要写下面的代码
            context.sca

全部评论 (0)

还没有任何评论哟~