收藏
回答

canvas为什么不支持修改字体呢?

 我们的小程序是使用canvas制作图文卡片,但是字体需要有多元化的。


-目前在开发工具里,画布可以显示不同的字体,但到了真机上就不行,安卓和苹果手机都不可以。


希望官方重视和解决这个问题,谢谢~


最后一次编辑于  2018-08-01
回答关注问题邀请回答
收藏

9 个回答

  • 社区技术运营专员-小柿子
    社区技术运营专员-小柿子
    2018-08-01

    你好,请详细描述你的问题

    2018-08-01
    赞同
    回复 3
    • 荷包蛋蛋
      荷包蛋蛋
      2018-08-02

      觉得我这里已经描述的挺清楚的了。

      就是我们的小程序,需要用canvas实现画出不同字体的功能。

      针对某一张图片进行DIY,DIY的字体可以变成不同的字体。

      我们在开发工具上里看到canvas支持画不同字体, 但是到了真机上进行测试就不行。无论是哪种字体,画布上都是显示默认字体。


      2018-08-02
      1
      回复
    • 卢霄霄
      卢霄霄
      2018-08-03回复荷包蛋蛋

      白开水 官方

      和负责这里的同事确认了,loadFontFace 目前不支持修改原生组件的字体,包括 canvas,cover-view 等。这个我们会在之后的版本中改进。


      2018-08-03
      回复
    • 荷包蛋蛋
      荷包蛋蛋
      2018-08-03回复卢霄霄

      谢谢~你在这个问题上真的很认真对待,希望官方能够快点把CANVAS的性能提高一些

      2018-08-03
      2
      回复
  • 发飙的蜗牛
    发飙的蜗牛
    07-18

    马上一年了。 有结果了么。 改没改?????

    07-18
    赞同 1
    回复
  • 天泽圣司
    天泽圣司
    01-09

    请问现在有支持了吗?

    01-09
    赞同 1
    回复
  • WEI
    WEI
    10-12

    还差一个月,又一年,这个需求还没有下落

    10-12
    赞同
    回复 1
    • 发飙的蜗牛
      发飙的蜗牛
      10-12
      哈哈哈
      10-12
      回复
  • 周飞
    周飞
    2018-11-11

    3个月了,还没结果。

    2018-11-11
    赞同
    回复
  • MORFI
    MORFI
    2018-09-18


    我们项目也需要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()

    }

    });


    2018-09-18
    赞同
    回复
  • Sol
    Sol
    2018-09-14

    同有此需求+1

    2018-09-14
    赞同
    回复
  • 土豆豆
    土豆豆
    2018-08-27

    同有此需求

    2018-08-27
    赞同
    回复
  • 白开水
    白开水
    2018-08-02

    有一些 PC 上的常见字体在真机上不一定支持,请提供能复现问题的代码片段。

    2018-08-02
    赞同
    回复 10
    • 卢霄霄
      卢霄霄
      2018-08-02

      就是 loadFontFace 加载的字体,可以在一般page里的 css里使用,是生效的。但是canvas的font里设置,无效。

      2018-08-02
      1
      回复
    • 白开水
      白开水
      2018-08-02回复卢霄霄

      请提供代码片段。

      2018-08-02
      回复
    • 卢霄霄
      卢霄霄
      2018-08-02回复白开水

      哎,其实是个普遍存在的问题,你们应该没测过 loadFontFace在 canvas上的使用。。稍等,我给你做个片段

      2018-08-02
      1
      回复
    • 卢霄霄
      卢霄霄
      2018-08-02回复白开水

      wechatide://minicode/ChV2immU781z

      真机上才有问题

      2018-08-02
      1
      回复
    • 白开水
      白开水
      2018-08-02

      和负责这里的同事确认了,loadFontFace 目前不支持修改原生组件的字体,包括 canvas,cover-view 等。这个我们会在之后的版本中改进。

      2018-08-02
      回复
    查看更多(5)