微信小程序中的canvas绘制出来的文字,在苹果手机上正常显示,

2020-07-24  本文已影响0人  头发飘逸

在微信小程序中使用canvas绘制图表时出现这么个问题,字体大小在ios手机上正常显示,在安卓手机上变小了,想了一个上午,很幸运,后面试出来了

其实就一个小地方的问题context.font

例1.

// 实心字体,点击绘制会叠加
    var text = '2020你好呀';
    // 字体大小必须和字体类型一起设置
    context.font = '30px'; // 注意这里
    // 字体颜色
    context.fillStyle = 'red';
    // 绘制区域,(text,x,y,maxWdidth绘制文本最大宽度)
    context.fillText(text,100,50,100);

例2.

// 实心字体,点击绘制会叠加
    var text = '2020你好呀';
    // 字体大小必须和字体类型一起设置
    context.font = '30px 宋体';
    // 字体颜色
    context.fillStyle = 'red';
    // 绘制区域,(text,x,y,maxWdidth绘制文本最大宽度)
    context.fillText(text,100,50,100);

问题就在字体那里,加上了字体后就显示正常了,可能还会有其它问题,但先记录下

上一篇 下一篇

猜你喜欢

热点阅读