html5キャンバスにテキストを描くことができません

Question

私は他の言語の以前のプログラミング知識でJSを始めています。私はテキストをレンダリングできるキャンバスを作ってJSを学びました。

https://jsfiddle.net/b5n2rypn/

問題： 上記のコードはfillTextを呼び出しますが、テキストが描画されません。私がクラスRichTextを作成し、そのメソッドを使って描画しようとする前に、それは働いていました。コンソールでエラーが見つかりませんでしたが、問題の内容を把握していないようです。

コードに問題がありますか？あなたの中ワットと時間上のparseIntする必要があります

Answer 1

this.DOMText.style.widthリターン文字列でない整数（例えば「128px」）、その後、あなたは比率を掛けた場合、それはおそらく0に変換さはNaNを返します。 createCanvasが機能しました。キャンバスは0x0ディメンションになっています。

function createCanvas(w, h, ratio) { 
     w = parseInt(w); 
     h = parseInt(h); 

     ...