如何优雅的处理canvas绘制圆形出现的锯齿？

Question

如题,canvas绘制的一个圆形，出现了锯齿。在移动端看的时候非常明显，有没有成熟的方案可以解决掉锯齿？

        var canvas=document.getElementById('canvas');
        var ctx=canvas.getContext('2d');
        ctx.beginPath();
        ctx.arc(75,75,75,0,Math.PI * 2);
        ctx.strokeStyle = "red";
        ctx.stroke();

Answer 1

ctx.translate(0.5, 0.5);

这个可以不？

Answer 2

我也遇到同样的问题，期待好的解决方案