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

会有什么异常

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

，只要json文件不要太大

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了

同问