在微信小程序中使用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);
问题就在字体那里,加上了字体后就显示正常了,可能还会有其它问题,但先记录下