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)

});