我们项目也需要loadFontFace来加载外部字体然后Canvas来使用字体,我们开发工具下Canvas.font正常显示,但是真机不能,安卓和苹果都一样! const self = this wx.loadFontFace({ family: this.data.fontFamily, source: 'url("*****.ttf")', success(res) { console.log(res.status) self.setData({ loaded: true }) self.setData({ loaded1: 'ok' }) }, fail: function (res) { self.setData({ loaded1: 'no1' }) }, complete: function (res) { CanvasContext.font = 'normal 24px ukijdit'; CanvasContext.setFillStyle('#5F6FEE')//文字颜色:默认黑色 CanvasContext.setFontSize(20)//设置字体大小,默认10 CanvasContext.fillText("新字体", 20, 20)//绘制文本 CanvasContext.draw() } });
canvas为什么不支持修改字体呢?我们的小程序是使用canvas制作图文卡片,但是字体需要有多元化的。 -目前在开发工具里,画布可以显示不同的字体,但到了真机上就不行,安卓和苹果手机都不可以。 希望官方重视和解决这个问题,谢谢~
2018-09-18