Alexandroppolus,
Круто!
Даже при редких шагах прекрасно работает!
<!DOCTYPE html>
<html>
<body>
<canvas id="circle"></canvas>
</body>
<script>
var circle = document.getElementById("circle");
circle.width = 512;
circle.height = 512;
var context = circle.getContext('2d');
context.lineWidth = 256;
for(var i = 0; i <= 90; i++){
context.beginPath();
context.strokeStyle = "RGB(255, "+i*4 +", 0)";
context.arc(256, 256, 128, (i-4)*Math.PI/45, i*Math.PI/45, false);
context.stroke();
}
</script>
</html>