收藏
回答

canvas drawImage 绘制不出图片

wx.chooseImage({

success: function(res){

ctx.drawImage(res.tempFilePaths[0], 0, 0, 150, 100)

ctx.draw()

}

})

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

3 个回答

  • 星河长明
    星河长明
    2022-05-23

    <canvas canvas-id="canvasPoster" class="canvasStyle" />

     let ctx = wx.createCanvasContext('canvasPoster');

     // 封装临时图片路径

        getImgUrl(img) {

            return new Promise((result, rej) => {

                wx.getImageInfo({

                    src: img,

                    success: (res) => {

                        console.log(res, "获取");

                        return result(res.path)

                    },

                    fail: (error) => {

                        rej(error)

                    }

                })

            })

        },

    ctx.drawImage(await that.getImgUrl(that.data.canvasTitle), 80, 30, 150, 60)


    2022-05-23
    有用 1
    回复
  • 拾柒
    拾柒
    2022-05-23

    https://developers.weixin.qq.com/s/765NktmM7Hz2 亲测可以

    2022-05-23
    有用 1
    回复 4
    • Allen
      Allen
      2022-05-23
      设置 canvas  type='2d' 就不好使了,是为啥
      2022-05-23
      回复
    • 拾柒
      拾柒
      2022-05-23回复Allen
      https://developers.weixin.qq.com/s/3K9BAtme7oz0   canvas 2D
      2022-05-23
      回复
    • 斌
      2022-08-24
      没看出来你这和楼主的代码有哪点不同呢
      2022-08-24
      回复
    • 啊森
      啊森
      2022-11-25回复Allen
      那是老版本了
      2022-11-25
      回复
  • Allen
    Allen
    2022-05-23

    img 的 onload 要全小写。。。。

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