Chrome Canvas文本框

Question

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/

Answer 1

最可能的情況是，文本包含chrome不知道如何打印但仍標記為值得打印的某些字符，並通過默認的char框處理它們，而firefox將其理解為間距或類似字符。

我建議您檢查要打印的字符串之一，問題必須在那里。 查看stringVariable.charCodeAt(0)和其他索引，以查看到底是哪種字符代碼，然后在google上查看創建它的原因，最后瀏覽您的代碼以查看可能插入了什么代碼。

立即測試是檢查stringVariable.length ，看它是否長。

這種行為與鍍鉻無關，最有可能在您這邊