html5 canvas消除锯齿,HTML5 Canvas笔划没有消除锯齿

我只是想在画布上制作一个厚的抗锯齿笔画圈。

圆圈按预期绘制，但笔划的边缘非常锯齿状。我一直在读Chrome强制抗锯齿，所以不知道该怎么做......

HTML

JS + jQuery

function calc(myVal) {

var canvas = document.getElementById("myCanvas");

var ctx = canvas.getContext("2d");

var radius = 70;

ctx.beginPath();

ctx.arc(140, 140, 20, myVal * Math.PI, 0, true);

ctx.lineWidth = 14;

ctx.stroke();

};

$(document).ready(function() {

var count = 0;

var parsedCount;

function go(){

if (count <= 200) {

parsedCount = count*.01

$('#counter').html('

' + parsedCount + '

');

calc(parsedCount);

count++;

}

}

setInterval(go, 10)

});