收藏
回答

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

框架类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
小程序 canvas canvasContext.setFontSize canvasContext.setFillStyle 客户端 Android 6.6.5 1.9.91

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

}


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




回答关注问题邀请回答
收藏

16 个回答

  • 92房丶
    92房丶
    2018-05-08

    这问题没人解决一下么?

    2018-05-08
    有用
    回复
  • 92房丶
    92房丶
    2018-05-04

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

    2018-05-04
    有用
    回复
  • Aimee
    Aimee
    2018-03-22

    开发者工具和苹果手机都没问题,Android手机偶尔有问题,有时候二十几次才出现一次问题,你多测一下看看

    2018-03-22
    有用
    回复
  • Aimee
    Aimee
    2018-03-19

    wechatide://minicode/5956968c6a1d2e272ed82025739d377e

    看这个吧,这个更容易测试

    2018-03-19
    有用
    回复
  • Aimee
    Aimee
    2018-03-19

    wechatide://minicode/ee49a4ec6d8f280883ee2953e701ffa9

    这是相关代码,除了上面提到的问题字体大小颜色容易混乱,出现了新的问题,加载本地临时文件时报错


    2018-03-19
    有用
    回复
  • Aimee
    Aimee
    2018-03-16

    测了一下,ios不会有问题,Android偶尔会出现这个问题,求解答

    2018-03-16
    有用
    回复

正在加载...

登录 后发表内容