HTML5 Canvas 在 Google Chrome 中旋转 - 糟糕的渲染

Question

当照片显示在 HTML5 画布元素上并旋转时，结果在 FireFox 中看起来不错，但在 Chrome 中却很糟糕。似乎谷歌浏览器不知道如何平滑旋转的边缘。

例如，看看http://www.ernestdelgado.com/public-tests/canvasphoto/demo/canvas.html 将其中一张照片放大并围绕其中心略微旋转。打开“简单模式”，使照片获得最大对比度的白色边框。您现在会看到照片的边缘一点也不光滑。在 FireFox 中效果要好得多！

有谁知道这个问题能解决吗？

Answer 1

一年半以来，Chrome 团队一直在不断打破 Canvas 不同部分的抗锯齿功能。

很多错误都出现了同样的问题：http://code.google.com/p/chromium/issues/detail?id=7508

不幸的是，等待是您在这里唯一的选择，除非您想自己制作抗锯齿效果，这是可能的，但对于“应该”看起来一致的东西需要做很多工作