2021年5月, 这个问题又出现了,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, 前段时间都没事的, 偶现, 10次有两三次会出现问题 加setTimeout解决了 ctx.draw(true, () => { // setTimeout 为了解决微信小程序文字样式会错乱的bug!! setTimeout(() => { // code... }, 100); });
canvas绘制多个不同大小和颜色的文本时,文本的颜色和字体大小会混乱canvas里面绘制多个不同字体大小、颜色的文本,在调试工具里面没有问题,在手机端会偶尔会出现文字大小和颜色混乱的情况 部分代码如下所示: context.setTextAlign('left'); var text = that.data.userinfo.nickName; context.setFontSize(18); context.setFillStyle('#666666'); context.fillText(text, 75, 53) context.save(); context.restore(); var User1Text2 = "我已参加这个代言活动,邀你一起加入!"; context.setFontSize(15); context.setFillStyle('#666666'); context.fillText(User1Text2, 75, 77) context.save(); context.restore(); var title = this.data.title; context.setFontSize(24); context.setFillStyle('#000000'); if (title.length > 11) { var desc01 = title.substring(0, 13); var desc02 = title.substring(13, 26); context.fillText(desc01, 18.5, 135) context.save(); context.restore(); context.fillText(desc02, 18.5, 165) context.save(); context.restore(); } else { context.setFontSize(24); context.save(); context.restore(); } 绘制出来的效果如下图所示,第一张是乱的,第二张是正常的,求解答 [图片] [图片]
2021-05-28