HTML Canvas 在不同浏览器中呈现文本的方式略有不同
我正在开发一个 Web 应用程序，该应用程序很大程度上依赖于了解画布上每个文本字符的确切 x 和 y 位置。问题在于不同的浏览器不会以相同的比例渲染每个字符。
我使用的字体是 Courier New，我已经在 Chrome 9、FF4 beta 和 Chrome 9 beta 中进行了测试。
我想知道是否有什么可以做的。另外，是由于浏览器本身处理文本的方式还是纯粹由于画布 API 的原因？
I'm developing a web application that heavily relies upon knowing the exact x and y location of each text character on the canvas. The problem is that different browsers aren't rendering each character to the same scale.
The font I am using is Courier New, I have tested in Chrome 9, FF4 beta and Chrome 9 beta.
I would like to know if there is anything that can be done. Also, is it due to how the browser itself handles text or purely the canvas API?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
我记得这个关于不同浏览器之间的互操作性测试的文章。每个浏览器对字体的处理都不同。 CSS 以及变换中的权重或旋转也存在差异。我不认为你能够在每一个中实现完美的渲染
I remember this article about it interoperability tests between different browsers. The handling of fonts is different in each browsers. There are differences with CSS too and weight or rotation in transform. I do not think you will be able to achieve perfect rendering in each of them