canvas绘制多个不同大小和颜色的文本时,文本的颜色和字体大小会混乱

发布于 7 年前作者 jing378444 次浏览最后编辑 7 年前来自 ask

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();

}

绘制出来的效果如下图所示,第一张是乱的,第二张是正常的,求解答

WXOPEN Club 内容图片 WXOPEN Club 内容图片
10 回复
qjiang
qjiang1 楼6 年前

一样的问题,没辙,只能等官方更新

gang08
gang082 楼6 年前

我这边不能重现呢。有重现路径吗

jmeng
jmeng3 楼6 年前

我也碰到了这个bug 标题文字和下面的信息介绍 不定期会置换属性,标题本来是红色的大号字体有时候就变成下面的小号灰色字体

otan
otan4 楼6 年前

这问题没人解决一下么?

yang29
yang295 楼6 年前

麻烦9楼提供个代码片段看一下 https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/minicode.html)

yongpeng
yongpeng7 楼6 年前

我这边是oppo r11体验版出现了这种问题,出现的几率很高。

错误的:

WXOPEN Club 内容图片 WXOPEN Club 内容图片

正确的:

WXOPEN Club 内容图片
wentao
wentao8 楼6 年前

曹 我也是到现在都没有解决方案啊。。

wliao
wliao9 楼6 年前

我也遇到了。。。。。楼上。。。。

WXOPEN Club 内容图片
yang56
yang5610 楼5 年前

我也遇到了这样的问题…搞了一下午了最后发现苹果没事 小米每次打开展示效果不一样,希望尽快修复