真机模式下使用CanvasContext.fillText会报错?怎么解决?
发布于 5 年前 作者 guiying89 7230 次浏览 来自 问答

CanvasContext.fillText在真机模式下使用会报错,微信开发者工具1.05.2102010,调式基础库版本为2.16.0,求解决办法!!!

补充:

1.报错内容

2.相关代码

drawPoster() {
    const query = wx.createSelectorQuery()
    query.select('#canvas')
      .fields({ nodetruesizetrue })
      .exec((res) => {
        console.log(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)

        let canvasW = res[0].width // 画布真实宽度
        let canvasH = res[0].height // 画布真实高度

        // 填充背景
        let seal = canvas.createImage();
        seal.src = this.data.certificate.bgImg
        seal.onload = () => {
          ctx.drawImage(seal,00, canvasW, canvasH);
        }

         // 填充文字
         ctx.font = "15px Arial";

                  // 注释掉该代码真机模式不会报错 ,所以应该是这个api问题
         ctx.fillText(this.data.certificate.text, 2020);
      })
  },
3 回复

问题已解决,在预览模式没问题,在真机调式会报错,但不影响开发。

请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

具体的代码贴一下,单纯说接口报错没办法排查,还有报错的内容也贴下

回到顶部