我只是想在画布上制作一个厚的抗锯齿笔画圈。
圆圈按预期绘制,但笔划的边缘非常锯齿状。我一直在读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)
});