畫布繪製文字問題

如果我執行下面的代碼，文字顯示不好（看起來沒有別名）並且沒有對齊爲什麼？畫布繪製文字問題

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 ...

來源

2010-06-20 xdevel2000

我認爲Firefox不知道你所說的「30tpx」的意思，並忽略了你的風格。另外，如果你對齊的話，大部分文本將會在屏幕左邊 - 也許你的意思是對齊？試試這個

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

來源

2010-06-23 13:43:26

它是30px，並在代碼我寫它的權利...謝謝然而，它不工作......我不明白爲什麼如果我對齊文本的權利，它會離開屏幕（在左邊）！ – xdevel2000 2010-06-27 08:01:19

當你對齊它時，它從右向左繪製文本，文本以x座標結尾。

我看看這個example你可以看到不同的文本對齊設置如何繪製與x座標相關的文本。我也包含了你的代碼。

來源

2010-07-15 12:43:30 Castrohenge

畫布繪製文字問題

回答

相關問題