我只是想在画布上制作一个粗糙的反锯齿笔画。HTML5画布笔划不反锯齿
圆形按预期绘制,但笔画的边缘非常粗糙。我一直在读取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)
});