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"） ，因此当您使用0 时，文本将绘制在可见的canvas 元素上方。

jsFiddle.

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

ctx.textBaseline = "top";

jsFiddle.