HTML Canvas StrokeText LineWidth使用Noto Emoji加倍

时间:2017-03-14 20:21:29

标签: javascript html5-canvas

我正在努力让我的网络应用中的每个人都能看到表情符号。我正在使用Noto Emoji字体。

然而,当我尝试使用FillText绘制一段文本并使用StrokeText给它一个笔划时,笔划看起来是厚的两倍:

Emoji appears to have a much thicker stroke

正如您所看到的那样,文本的笔划按照预期的线宽为1绘制。然而,Noto炸弹表情符号似乎有更厚的笔划。

屏幕截图中的所有字符均由相同的strokeText和fillText调用绘制。

我在最新版Google Chrome上执行此操作。

之前有没有人遇到过这个问题?为什么会发生这种情况,我该怎么办呢?

编辑: 找到了原因,显然表情符号的形状稍微复杂一点,你可以看到,画笔宽一点,画笔宽度为1给我这个结果:

Shape is a little more complex then one might think

现在我只需要在使用双笔划宽度作为快速修复填充之前进行笔划。如果有解决此问题的正确方法,请告诉我。

0 个答案:

没有答案