|
Сообщение от Dilettante_Pro
|
|
Цвета на экране формируются из разноцветных точек. При закрашивании по кругу с определенным шагом плотность задействованных точек падает от центра к периферии - закраска получается неравномерной, тем более неравномерной, чем меньшее количество шагов используется. Как-то так...
|
Но если сделать круг сплошным, этот эффект пропадает.
<!DOCTYPE html>
<html>
<body>
<canvas id="circle"></canvas>
</body>
<script>
var circle = document.getElementById("circle");
circle.width = 256;
circle.height = 256;
var context = circle.getContext('2d');
for(var i = 1; i < 361; i++){
context.beginPath();
context.fillStyle = "RGB(255, 0, 0)";
context.arc(128, 128, 128, (i-1)*Math.PI/180, i*Math.PI/180, false);
context.arc(128, 128, 0, 0, 1, false);
context.fill();
}
</script>
</html>
Опа! Не прав. Странно. Если делать сплошным у меня в коде все отображалось нормально.
Все, я понял я не прав. Спасибо за разъяснение.