真机模式下使用CanvasContext.fillText会报错?怎么解决?
CanvasContext.fillText在真机模式下使用会报错,微信开发者工具1.05.2102010,调式基础库版本为2.16.0,求解决办法!!!
补充:
1.报错内容
2.相关代码
drawPoster() {
const query = wx.createSelectorQuery()
query.select('#canvas')
.fields({ node: true, size: true })
.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,0, 0, canvasW, canvasH);
}
// 填充文字
ctx.font = "15px Arial";
// 注释掉该代码真机模式不会报错 ,所以应该是这个api问题
ctx.fillText(this.data.certificate.text, 20, 20);
})
},
3 回复
请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。