收藏
回答

canvas字体没法加错,canvas设置字体大小有问题

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug canvas 客户端 7.0.3 2.6.2


在真机上有下面几个问题

canvas设置自提大小有问题

let ctx = wx.createCanvasContext('canvas');
    let sysres = wx.getSystemInfoSync();
    let rate = sysres.windowWidth / 750;
    ctx.font = `normal bold ${34 * rate}px sans-serif`;
    ctx.setFillStyle('#333333');
    ctx.fillText(this.data.title, 40 *rate, 100 * rate);
 
    ctx.font = `normal normal ${30 * rate}px sans-serif`;
    ctx.fillText(this.data.content, 40 * rate, 200 * rate);
 
    ctx.draw();

这样设置的,在真机上字体很小,必须单独在ctx.font后面再设置字体大小才没有问题

ctx.setFontSize(34 * rate);
ctx.setFontSize(30 * rate);


还有加粗也不行

代码是这样的,想要标题加粗,内容不加粗,开发工具正常,但是真机上都没加粗

let ctx = wx.createCanvasContext('canvas');
let sysres = wx.getSystemInfoSync();
let rate = sysres.windowWidth / 750;
ctx.font = `normal bold ${34 * rate}px sans-serif`;
ctx.setFontSize(34 * rate);
ctx.setFillStyle('#333333');
ctx.fillText(this.data.title, 40 *rate, 100 * rate);
 
ctx.font = `normal normal ${30 * rate}px sans-serif`;
ctx.setFontSize(30 * rate);
ctx.fillText(this.data.content, 40 * rate, 200 * rate);
 
ctx.draw();



开发工具里面是这样的





最后一次编辑于  03-01  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答