在Chrome中绘制文本陷阱
问题描述:
请打开示例代码http://jsfiddle.net/vnvJM/1/ 它有三个画布A,B和C.'A'是控制画布。在B中,您会注意到缩放会在x和y方向上转换B,但在Firefox中缩放只会在x方向上转换。哪个实施是正确的?在Chrome中绘制文本陷阱
另外注意旋转的C.在Chrome中它看起来完全丑陋,但在Firefox中看起来很好。我该如何解决?
我有最新的Chrome和Firefox 5
答
之所以看起来奇怪的铬是因为你用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现在,它扩展和翻译看起来正确
答
这是一组文本的bug我在三月找回。它已经被报道:
它是固定在Chrome浏览器新版本,特别是过去的事情13.0.782.10米
没关系我对Chrome提出了两个错误:http://t.co/pZaMjew和http://t.co/eqUkhv5。这些错误处理扩展的情况,我相当有信心应该是真正的错误。 – AppleGrew