1、第一个设置了粗体,第二个不设置粗体,第二个还是显示粗体
ctx.setFillStyle('#000000');
ctx.beginPath();
ctx.font = 'normal bold 20px sans-serif';
ctx.fillText('test code', 0, 20);
ctx.beginPath();
ctx.font = 'normal normal 20px sans-serif';
ctx.fillText('test code', 0, 60);
2、不设置粗体的情况下,设置斜体无效
ctx.setFillStyle('#000000');
ctx.beginPath();
ctx.font = 'italic normal20px sans-serif';
ctx.fillText('test code', 0, 20);
3、英文数字设置斜体有效,中文无效
ctx.setFillStyle('#000000');
ctx.beginPath();
ctx.font = 'italic bold 20px sans-serif';
ctx.fillText('测试代码', 0, 20);
看来 很多人 遇到这个问题了,官方就没测试过吗
canvas 斜体无效(新版旧版都无效)怎么解决?
你好,请提供出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
1、第一个设置了粗体,第二个不设置粗体,第二个还是显示粗体
ctx.setFillStyle('#000000');
ctx.font = `normal bold 20px ${(platform == 'ios') ? 'Helvetica': 'Noto'}`
ctx.fillText('test code', 0, 20);
ctx.font = `normal normal 20px ${(platform == 'ios') ? 'Helvetica': 'Noto'}`
ctx.fillText('test code', 0, 60);
2、不设置粗体的情况下,设置斜体无效
真机无效的话,1也有可能无效,font字体必须配置正确,不能缺省,默认iphone自带Helvetica,安卓是noto(好像是)
ios下字体设为Helvetica,还是有同样的问题
ctx . save () ,
ctx . restore ()
也加了?
我的这样写是可以的,
只有用到加粗的才是 save() + font + restore()组合
如果使用了ctx.save()和ctx.restore()
斜体无论如何都没办法出现了
我也用了这个 但是小米手机是ok的 但是苹果手机就都还是粗体。。