V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
qq309187341
V2EX  ›  Vue.js

canvas 绘图字体问题。

  •  
  •   qq309187341 · 2022-09-04 17:40:03 +08:00 · 1257 次点击
    这是一个创建于 594 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    6 条回复    2022-09-04 18:11:57 +08:00
    zhuweiyou
        1
    zhuweiyou  
       2022-09-04 17:49:00 +08:00
    wx.loadFontFace scopes
    qq309187341
        2
    qq309187341  
    OP
       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
        3
    zhuweiyou  
       2022-09-04 18:00:47 +08:00
    @qq309187341 #2 你用 wx. 试一下 而不是 uni. 有可能 uni 那边还没更新.
    zhuweiyou
        4
    zhuweiyou  
       2022-09-04 18:03:14 +08:00
    我之前也是没生效, 加了 scopes 就好了
    qq309187341
        5
    qq309187341  
    OP
       2022-09-04 18:06:18 +08:00
    @zhuweiyou 我换 wx 了。但是好像也没效果 scopes 加哪里?
    qq309187341
        6
    qq309187341  
    OP
       2022-09-04 18:11:57 +08:00
    @zhuweiyou 哈哈才发现我配置了 scopes 但是这样好像也没用
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2429 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 15:59 · PVG 23:59 · LAX 08:59 · JFK 11:59
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.