canvas 绘图字体问题。

2022-09-04 17:40:03 +08:00
 qq309187341

微信小程序里面一个页面通过 webview 的方式内嵌了一个使用 canvas 的画板编辑器。这个画板中可以切换第三方字体,但是在微信小程序中切换字体无效,单纯的 h5 里面切换字体有效。求解。 我使用的方式如下: const myFont = new FontFace(${item.name}, url(${item.url})) let font = await myFont.load(); document.fonts.add(font)

1408 次点击
所在节点    Vue.js
6 条回复
zhuweiyou
2022-09-04 17:49:00 +08:00
wx.loadFontFace scopes
qq309187341
2022-09-04 17:56:44 +08:00
@zhuweiyou 我试过
uni.loadFontFace({
global: true,
family: `${item.name}`,
source: `url(${item.url})`,
success: () => {
this.draw()
uni.hideLoading();
},
scopes: ["webview", "native"],
})
工具上是正常的。但是真机上没有效果。很郁闷。
zhuweiyou
2022-09-04 18:00:47 +08:00
@qq309187341 #2 你用 wx. 试一下 而不是 uni. 有可能 uni 那边还没更新.
zhuweiyou
2022-09-04 18:03:14 +08:00
我之前也是没生效, 加了 scopes 就好了
qq309187341
2022-09-04 18:06:18 +08:00
@zhuweiyou 我换 wx 了。但是好像也没效果 scopes 加哪里?
qq309187341
2022-09-04 18:11:57 +08:00
@zhuweiyou 哈哈才发现我配置了 scopes 但是这样好像也没用

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/877637

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX