公告列表
公告列表
收藏
回答

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
    有用 14
    回复 1
    • 指尖的光芒
      指尖的光芒
      2023-09-16
      好骂，微信真的要死
      2023-09-16
      赞
      回复
  • 丄雨桑
    丄雨桑
    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
请 登录 后发表内容
相关问题
相关文档