当照片显示在 HTML5 Canvas 元素上并旋转时，结果在 FireFox 中看起来不错，但在 Chrome 中看起来很糟糕。 Google Chrome 浏览器似乎不知道如何平滑旋转的边缘。
例如，请查看 http://www.ernestdelgado.com/public-tests/canvasphoto/demo/canvas.html 将其中一张照片放大并使其绕中心稍微旋转。打开“简单模式”，使照片获得白色边框以获得最大对比度。您现在会看到照片的边缘一点也不光滑。在 FireFox 中，结果要好得多!
有谁知道这个问题是否可以解决？
最佳答案
一年半以来，Chrome 团队一直在不断突破 Canvas 不同部分的抗锯齿功能。
许多错误都出现了同样的问题:http://code.google.com/p/chromium/issues/detail?id=7508
不幸的是，等待是你唯一的选择，除非你想自己制作抗锯齿效果，这是可能的，但需要做很多工作才能“应该”看起来一致
关于HTML5 Canvas 在 Google Chrome 中旋转 - 渲染效果很糟糕，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10076348/