2011-07-04 49 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