Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/407.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript HTML画布StrokeText线宽增加了一倍,带有Noto表情符号_Javascript_Html5 Canvas - Fatal编程技术网

Javascript HTML画布StrokeText线宽增加了一倍,带有Noto表情符号

Javascript HTML画布StrokeText线宽增加了一倍,带有Noto表情符号,javascript,html5-canvas,Javascript,Html5 Canvas,我试图让表情符号在我的网络应用程序中对每个人都一样。我用的是Noto表情符号字体 但是,当我尝试使用FillText绘制一段文本并使用StrokeText为其绘制一个笔划时,笔划的厚度似乎是原来的两倍: 如您所见,文本的笔划按预期绘制,线宽为1。不过,Noto bomb表情符号的笔划似乎要粗得多 屏幕截图中的所有字符都由相同的strokeText和fillText调用绘制 我在最新版本的Google Chrome上这么做 以前有人遇到过这个问题吗?为什么会发生这种情况?我能做些什么 编辑: 找

我试图让表情符号在我的网络应用程序中对每个人都一样。我用的是Noto表情符号字体

但是,当我尝试使用FillText绘制一段文本并使用StrokeText为其绘制一个笔划时,笔划的厚度似乎是原来的两倍:

如您所见,文本的笔划按预期绘制,线宽为1。不过,Noto bomb表情符号的笔划似乎要粗得多

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

我在最新版本的Google Chrome上这么做

以前有人遇到过这个问题吗?为什么会发生这种情况?我能做些什么

编辑: 找到了原因,显然表情符号的形状比你能看到的要复杂一点,用1的笔划宽度把它画大一点,我得到了这个结果:

现在我只做笔划,然后用双笔划宽度快速填充。请让我知道是否有一个适当的方法来解决这个问题