javascript - html5 キャンバスが座標 (0,0) のテキストを埋めない

Question

キャンバスが何もしないfillText(text, 0,0)のに機能するのはなぜfillText(text, 10, 10)ですか?

fillText(text, 0,0): http://jsfiddle.net/kFhQm/4/

fillText(text, 10, 10): http://jsfiddle.net/kFhQm/5/

Answer 1

2 番目の引数は、テキストのベースラインの Y 座標 (デフォルトtextBaselineは) であるため、 を使用すると、テキストは可視要素の上"alphabetic"に描画されます。canvas0

jsFiddle .

別の数値を使用するか、textBaselineプロパティを などの適切なものに変更することができます"top"。

ctx.textBaseline = "top";

jsFiddle .