画布绘制文字问题

Question

如果我执行以下代码，则显示文本错误（似乎没有别名）并且未对齐 为什么呢？

context.textBaseline = "top";
context.textAlign = "right";
context.fillStyle = "#F00";
context.font = "italic 30tpx sans-serif";
context.fillText("Lorem ipsum dolor sit amet", 50, 50);

我正在使用FF 3.6 ...

Answer 1

我认为Firefox不知道“30tpx”是什么意思而忽略了你的风格。此外，如果您对齐，大部分文本将在屏幕左侧 - 也许您的意思是对齐？试试这个

  contexto.textAlign = "left";
  contexto.fillStyle = "#F00";
  contexto.font = "italic 30px sans-serif";

Answer 2

右对齐时，从右到左绘制文本，文本以x坐标结束。

我看一下这个example你可以看到不同文本对齐设置如何相对于x坐标绘制文本。我也包含了你的代码。