收藏
回答

canvasContext.font在真机上无效

框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
小程序 Bug canvasContext.font 客户端 Android 6.6.7 2.2.1

canvasContext.font

这个在开发工具上设置加粗,可以实现加粗。但是在真机上毫无效果;



       const ctx = wx.createCanvasContext(canvas_id);

       ctx.font = 'normal bold 40px sans-serif';

       

       ctx.fillText(info.title, 85, 300);

       ctx.draw(true);

---------------------------------------------------------------------------------------


不是真机无效,是我的画布会使用多次,生成多次截图;

只要用一次ctx.font = 'normal bold 40px sans-serif';

就会把所以字体都设置成粗的,导致我以为无效

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

2 个回答

  • 小程序技术专员-SgLy
    小程序技术专员-SgLy
    2018-08-01

    你好,请提供一下出现问题的机型,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2018-08-01
    有用
    回复 3
    • 好腻诺
      好腻诺
      2018-08-01

      wechatide://minicode/NLkJ9lm67o94


      在开发这工具设置回ctx.font = 'normal normal 40px sans-serif';是有效的,在真机上无效;

      2018-08-01
      回复
    • 小程序技术专员-SgLy
      小程序技术专员-SgLy
      2018-08-01回复好腻诺

      我们会跟进这个问题,谢谢你的反馈。

      2018-08-01
      回复
    • 2018-09-12回复小程序技术专员-SgLy

      同样的问题,真机 ios可以,但是 会把字体 全体变成加粗,真机 android 完全没效果。就不能 给个 代码样例, 比如:android 设置 粗体:。。。。。。。           ios 设置粗体:。。。。。。。。 总感觉 没回答到 点子上,真费劲!!!!

      2018-09-12
      回复
  • 2018-09-12

    同样的问题,真机 ios可以,但是 会把字体 全体变成加粗,真机 android 完全没效果。就不能 给个 代码样例, 比如:android 设置 粗体:。。。。。。。           ios 设置粗体:。。。。。。。。 总感觉 没回答到 点子上,真费劲!!!!

    2018-09-12
    有用
    回复 2
    • 好腻诺
      好腻诺
      2018-09-12

      你的问题和我的不一样吧,

      目前这个canvas设置字体的ctx.font,设置为加粗后,无法设置回不加粗的,

      在开发这工具设置回ctx.font = 'normal normal 40px sans-serif';是有效的,在真机上无效;

      目前使用的解决方法是先把所以normal的先画完在画加粗的,

      这个是以前的代码片段 wechatide://minicode/NLkJ9lm67o94

      你试一下

      2018-09-12
      回复
    • 2018-09-12回复好腻诺

      但是 真机 android 没有效果,

      2018-09-12
      回复
登录 后发表内容