Chrome Canvasテキストボックス

Question

Google Chromeのキャンバスに印刷するテキストが正しくありません。

Chromeバージョン： "バージョン56.0.2924.87"

晩私たちは、2Dのjsゲームのバグを取得します。 を参照してくださいスクリーンショット：Firefoxので

すべてはコードが（通常のキャンバスのテキスト印刷）のように見えます

を働いている：

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

0123で

あなたはここにあなたの自己によってそれをテストすることができます http://knights.thehardcoders.de/

Answer 1

最も可能性の高いシナリオでは、テキストを印刷する方法を知っていないクロム特定の文字が含まれていますが、それでもとしての価値印刷をマークし、それらを扱うということですデフォルトのcharボックスでは、firefoxはスペースやそれに類するものとして認識します。

印刷している文字列の1つを調べることをお勧めします。問題はそこにあるはずです。 stringVariable.charCodeAt(0)と他のインデックスを参照して、どのようなコードがあるのか​​を確認し、次にGoogleが何を作成するかを確認し、最後にコードを参照して何が挿入されているかを確認します。

即時テストでは、stringVariable.lengthをチェックし、見た目が長いかどうかを確認します。

この動作は、単にクロムとの問題ではない、それは間違った文字が送信されているはい、多分そのネットワークの問題、