收藏
回答

wx.createOffscreenCanvas为什么不能drawImage?

官方demo



  // 创建离屏 2D canvas 实例
  const canvas = wx.createOffscreenCanvas({type: '2d', width: 300, height: 150})
  // 获取 context。注意这里必须要与创建时的 type 一致
  const context = canvas.getContext('2d')

  // 创建一个图片
  const image = canvas.createImage()
  // 等待图片加载
  await new Promise(resolve => {
    image.onload = resolve
    image.src = IMAGE_URL // 要加载的图片 url
  })

  // 把图片画到离屏 canvas 上
  context.clearRect(0, 0, 300, 150)
  context.drawImage(image, 0, 0, 300, 150)

  // 获取画完后的数据
  const imgData = context.getImageData(0, 0, 300, 150)

我复制到微信开发者工具里

// 创建离屏 2D canvas 实例
    const canvas = wx.createOffscreenCanvas({type'2d', width: 300, height: 150})
    // 获取 context。注意这里必须要与创建时的 type 一致
    const context = canvas.getContext('2d')
  
    // 创建一个图片
    const image = canvas.createImage()
    // 等待图片加载
    await new Promise(resolve => {
      image.onload = resolve
      image.src = "https://hbimg.huabanimg.com/7af2de172fc018b74a9dae0d8f8bce2315b4f9708c994-FZyAYT"  // 要加载的图片 url
    })
  
    // 把图片画到离屏 canvas 上
    context.clearRect(00300150)
    context.drawImage(image, 00300150)
  
    // 获取画完后的数据
    const imgData = context.getImageData(00300150)

然后一堆报错,调试基础库选到了最高,然后也开启了不校验合法域名证书

怎么这么操蛋呀,这api能不能用,官方能给一个回复么


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

1 个回答

登录 后发表内容