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

第二个参数是文本基线的Y坐标（默认textBaseline是"alphabetic"） ，因此，当您使用canvas时，文本将在上方中显示可见的0元素。

jsFiddle

您可以使用其他数字，或者将textBaseline属性更改为合适的属性，例如"top"。

ctx.textBaseline = "top";

jsFiddle