收藏
回答

发现 Lottie 动态创建 canvas 组件,但小程序不支持动态创建组件接下来可能会出现异常 ?

小程序代码片段https://developers.weixin.qq.com/s/KWxOFgmB77xK

问题一:会出现什么样的异常。

问题二:我要如何解决这个问题。

回答关注问题邀请回答
收藏

4 个回答

  • h
    h
    01-11

    发现 Lottie 动态创建 canvas 组件,但小程序不支持动态创建组件接下来可能会出现异常

    会有什么异常

    01-11
    有用
    回复
  • @忘若莫
    @忘若莫
    2022-09-09

    试了不需要处理这个是引入lottie-miniprogram就console出来不支持不影响操作

    只要json文件不要太大

    2022-09-09
    有用
    回复 1
    • 程序员小高与Bug
      程序员小高与Bug
      2022-10-13
      哇偶。那我尝试上一下看看
      2022-10-13
      回复
  • 慎独
    慎独
    2022-08-12

    canvas 动画 小程序

    2022-06-23 12:08:01  <!-- canvas.wxml -->
      <canvas type="2d" id="myCanvas"></canvas>
    // canvas.js
    Page({
      onReady() {
        const query = wx.createSelectorQuery()
        query.select('#myCanvas')
          .fields({ node: true, size: true })
          .exec((res) => {
            const canvas = res[0].node
            const ctx = canvas.getContext('2d')
    
            const dpr = wx.getSystemInfoSync().pixelRatio
            canvas.width = res[0].width * dpr
            canvas.height = res[0].height * dpr
            ctx.scale(dpr, dpr)
    
            ctx.fillRect(0, 0, 100, 100)
          })
      }
    })
    
    

    以上是官方的canvas demo

    其中 如果需要drawImage, 加载工程目录下的图片,

    JavaScript 的 canvas 是这么写的

    var image = new Image();
    image.src="/images/head.jpeg";
    image.onload=function(){
    	ctx.drawImage(this,0,0,60,60,0,0,120,120);
    }
    
    

    小程序里如果这么写就会报错 没有定义Image

    对它需要这样

    var img = canvas.createImage();
    image.src="/images/head.jpeg";
    image.onload=function(){
    	ctx.drawImage(this,0,0,60,60,0,0,120,120);
    }
    

    这样就OK了


    2022-08-12
    有用
    回复
  • 夜 惊 魂
    夜 惊 魂
    2022-06-23

    同问

    2022-06-23
    有用
    回复
登录 后发表内容