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();
}
绘制出来的效果如下图所示,第一张是乱的,第二张是正常的,求解答
麻烦9楼提供个代码片段看一下 (https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/minicode.html)
你好,解决了么
看来是没解决
我这边不能重现呢。有重现路径吗
麻烦给个相关的代码片段(https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/minicode.html),我们定位下问题
我这边是oppo r11体验版出现了这种问题,出现的几率很高。
错误的:
正确的:
最后问题解决了吗
都 2023年的,这个bug还存在
2021年5月, 这个问题又出现了,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, 前段时间都没事的, 偶现, 10次有两三次会出现问题
加setTimeout解决了
ctx.draw(true, () => { // setTimeout 为了解决微信小程序文字样式会错乱的bug!! setTimeout(() => { // code... }, 100); });
曹 我也是到现在都没有解决方案啊。。
我也碰到了这个bug 标题文字和下面的信息介绍 不定期会置换属性,标题本来是红色的大号字体有时候就变成下面的小号灰色字体
一样的问题,没辙,只能等官方更新
我也遇到了。。。。。楼上。。。。