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

您所在的位置:网站首页 div里面的字体大小不一样 canvas绘制多个不同大小和颜色的文本时,文本的颜色和字体大小会混乱

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

2024-07-11 18:15| 来源: 网络整理| 查看: 265

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

}

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



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3