画布线边缘不平滑。如何解决这个问题？

Question

我正在搜索径向进度条。最近在使用canvas的stackoverflow中找到了。但圆圈边缘不光滑。如何修复这个模糊的图像。

JSFIDDLE : http://jsfiddle.net/fd3k7prh/

图像：

Answer 1

我的屏幕似乎没问题。只要您不在内部缩放画布，例如CSS它不应该模糊。请确保您的浏览器是否启用了缩放功能（例如，通过按住Ctrl +鼠标滚动），并且浏览器显示的是100％图像。

由于Canvas正在显示矢量图像，因此在正常缩放时不应模糊。但是，放大它会使它变得模糊，因为它需要进行过度调整。