javascript - Chrome Canvas 文本框

Question

Chrome 浏览器无法正确打印 Canvas 中的文本。

Chrome 版本:“版本 56.0.2924.87”

一夜之间，我们的 2d js 游戏出现了一个错误。 请参阅屏幕截图:

在 Firefox 中一切正常

代码看起来像(普通 Canvas 文本打印):

  context.strokeText(text, x, y);
  context.fillText(text, x, y);

与

  context.textAlign = "left";

您可以在这里自行测试: http://knights.thehardcoders.de/

Answer 1

最可能的情况是文本中包含某些 Chrome 不知道如何打印的字符，但仍然标记为值得打印，并通过默认字符框处理它们，而 Firefox 将其理解为空格或类似字符。

我建议您检查正在打印的字符串之一，问题一定存在。查看 stringVariable.charCodeAt(0) 和其他索引，看看它是什么类型的字符代码，然后用 google 搜索它，看看是什么创建了它，最后浏览您的代码，看看是什么插入了它。

立即进行的测试是检查stringVariable.length，并查看它是否与看起来一样长。

此行为不是 Chrome 的问题，很可能是您这边的问题