我们的小程序是使用canvas制作图文卡片,但是字体需要有多元化的。
-目前在开发工具里,画布可以显示不同的字体,但到了真机上就不行,安卓和苹果手机都不可以。
希望官方重视和解决这个问题,谢谢~
我们项目也需要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()
}
});