2011-07-04 42 views
2

請打開示例代碼http://jsfiddle.net/vnvJM/1/ 它有三個畫布A,B和C.'A'是控制畫布。在B中,您會注意到縮放會在x和y方向上轉換B,但在Firefox中縮放只會在x方向上轉換。哪個實施是正確的?在Chrome中繪製文本陷阱

另外注意旋轉的C.在Chrome中它看起來完全醜陋,但在Firefox中看起來很好。我該如何解決?

我有最新的Chrome和Firefox 5

回答

0

之所以看起來奇怪的鉻是因爲你用context.font的context.scale代替。在畫布中繪製文本時,我建議您使用context.font來增加字體大小而不是context.scale()。使用縮放時,它將使用標準的font-family/font-size(如果沒有指定其他字體)繪製文本,從而導致非平滑字符。有關字體的更多信息,請參閱2d-context規範。 http://www.w3.org/TR/2dcontext/#dom-context-2d-font

對我來說,旋轉和縮放看起來在鉻,火狐(雖然我還沒有istalled 5.0呢)和歌劇(除了來自縮放的醜陋)相同。看看代碼,我確定它的行爲是正確的。

編輯:安裝FF5現在,它擴展和翻譯看起來正確

+0

沒關係我對Chrome提出了兩個錯誤:http://t.co/pZaMjew和http://t.co/eqUkhv5。這些錯誤處理擴展的情況,我相當有信心應該是真正的錯誤。 – AppleGrew

0

這是一組文本的bug我在三月找回。它已經被報道:

http://code.google.com/p/chromium/issues/detail?id=76061&can=1&q=simonsarris&colspec=ID%20Stars%20Pri%20Area%20Feature%20Type%20Status%20Summary%20Modified%20Owner%20Mstone%20OS

它是固定在Chrome瀏覽器新版本,特別是過去的事情13.0.782.10米

+0

這看起來並不完全是我的問題。在我的情況下,文本也有一些「幻影」縮放。 – AppleGrew

+0

在Chrome 13中它仍然看起來很奇怪嗎?你鏈接的例子在我的機器上看起來是正確的13.0.782.10 m –

+0

嗯,我沒有嘗試Chrome13。這個計劃什麼時候發佈? – AppleGrew