HTML5画布曲线抗锯齿比SVG差

Question

我刚开始研究画布，绘制一个圆圈，发现它的抗锯齿曲线比SVG中的圆圈差。

我的代码是这样的：

context.arc(0, 0, radius, 0.5 * Math.PI, 0.5 * Math.PI - radian, true);

我颠倒了y轴，让我觉得很自然。我已经缩放了画布，使其适应视网膜显示。

我的Mac图片上的结果是here。

我的完整代码为here。

更新： 我的代码正在制作完成圆圈的动画。

我刚注意到，如果fps设置为1-3，则实际应用消除锯齿功能。真奇怪。