Chrome 画布文本框

【问题标题】：Chrome Canvas Text BoxesChrome 画布文本框
【发布时间】：2017-06-28 02:27:42
【问题描述】：

Google Chrome 无法正确打印画布中的文本。

Chrome 版本：“版本 56.0.2924.87”

一夜之间，我们在 2d js 游戏中发现了一个错误。见截图：

在 Firefox 中一切正常

代码看起来像（普通画布文本打印）：

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

有

  context.textAlign = "left";

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

【问题讨论】：

【解决方案1】：

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

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

立即测试是检查stringVariable.length，看看它是否和看起来一样长。

这种行为不是 chrome 的问题，它很可能是在你身边

【讨论】：