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"),因此在使用时将在可见元素上方绘制文本.canvas0

jsFiddle.

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

ctx.textBaseline = "top";

jsFiddle.