Płótno HTML nie wypełnia tekstu o współrzędnych (0,0)

Question

Dlaczego płótno nie robi nic dla fillText(text, 0,0), ale działa dla fillText(text, 10, 10)?

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

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

Answer 1

Drugi argument współrzędnej Y do linii bazowej tekst (domyślnie textBaseline jest "alphabetic") tak tekst jest przygotowywana powyżej widzialnym canvas element podczas korzystania z 0.

jsFiddle.

Można użyć innego numeru lub, alternatywnie, zmienić właściwość textBaseline na coś odpowiedniego, na przykład "top".

ctx.textBaseline = "top"; 

jsFiddle.