我已经在HTML5canvas中旋转了文本。 除了谷歌浏览器，在所有浏览器上看起来都不错。 它在Windows上的铬看起来扭曲。 另外，MAC看起来很好。 为什么这样？ 我正在使用Chrometesting版20.这是一些HTML 5问题还是一些Google Chrome或Windows错误？ 我怎样才能解决这个失真问题？
<!DOCTYPE HTML> <html> <head> <style> body { margin: 0px; padding: 0px; } #myCanvas { border: 1px solid #9C9898; } </style> <script> window.onload = function() { var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2d"); context.font = "12pt Calibri"; context.rotate(Math.PI/2.5); context.fillText("Competitive Landcaping!", 450, 100); }; </script> </head> <body> <canvas id="myCanvas" width="878" height="2000"></canvas> </body> </html> 我最近经历了同样的头痛。 简单的回答是，Chrome在Windows上呈现的字体相当糟糕，转换的字体在那里变得更糟。
对于更长，更技术性的答案，检查这个职位：
http://www.smashingmagazine.com/2012/04/24/a-closer-look-at-font-rendering/
除了试图选择Chrome浏览器中“最差”的字体之外，还没有完整的工作要做。