var c = document.getElementById("c");
var ctx = c.getContext('2d');
for(var i=0;i<16; i++) {
ctx.arc(50* i,50 * i,50,0,Math.PI * 2);
ctx.stroke();
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<canvas width="800" height="600" id="c"></canvas>
</body>
</html>
Lo que quiero lograr es dibujar 16 veces un arco en canvas mediante un ciclo for, pero no me lo dibuja.. Por qué?
x
,y
para esto, podría emplearmoveTo
o aumentar los valores como se añadió en la respuesta de @asantana