收藏
回答

RenderingContext如何实现canvasContext.drawImage的功能?

const ctx = canvas.getContext('2d');
let img = canvas.createImage();
img.src = imgUrl;
img.onload = (e) => {
  ctx.drawImage(img, 0, 0, 60, 60);
  wx.canvasGetImageData({
    canvasId: canvasId,
   x: 0,
   y: 0,
   width: 60,
   height: 60,
    fail(e){
        // 输出canvas内容是 empty, 要如何获取imageData
    }
  })
};
回答关注问题邀请回答
收藏

4 个回答

  • 等疯🐶
    等疯🐶
    2022-10-29

    官方的文档永远只有短短几行字,开发者摸不着头脑,那些人好像是手断了写不了一样,不过也没什么稀奇,毕竟别人垄断了开发者的感受都是次要的


    2022-10-29
    有用 18
    回复 1
    • 指尖的光芒
      指尖的光芒
      2023-09-16
      好骂,微信真的要死
      2023-09-16
      1
      回复
  • 丄雨桑
    丄雨桑
    2022-02-17
    img.onload = (e) => {
      ctx.drawImage(img, 0, 0, 60, imgHeight 60);
      const imageData = ctx.getImageData(0, 0, 60, 60);
    };刚提问玩就找到了,canvas.getContext返回的是RenderingContext,根据文档描述,可以直接使用getImageData获取imageData
    

    2022-02-17
    有用 3
    回复 1
    • 丄雨桑
      丄雨桑
      2022-02-17
      我这块已经解决了
      2022-02-17
      回复
  • Z开心
    Z开心
    2022-09-21

    看来官方已经把这功能搞废了

    2022-09-21
    有用 3
    回复
  • Cjiang
    Cjiang
    2022-02-17

    参考下文档

    https://developers.weixin.qq.com/miniprogram/dev/api/canvas/CanvasContext.drawImage.html

    有相关的代码示例

    2022-02-17
    有用 1
    回复 2
登录 后发表内容