var pantalla = document.querySelector("canvas"); var pincel = pantalla.getContext("2d"); pincel.fillStyle = "lightgray"; pincel.fillRect(0, 0, 600, 400);
function dibujarCirculo(x, y, radio, color)
{
pincel.fillStyle = color;
pincel.beginPath();
pincel.arc(x, y, radio, 0, 2*3.14);
pincel.fill();
}
dibujarCirculo(300, 140, 30, "red"); //Arriba
dibujarCirculo(360, 200, 30, "blue"); //Derecha
dibujarCirculo(240, 200, 30, "green");//Izquiereda
dibujarCirculo(300, 260, 30, "yellow");//Abajo
dibujarCirculo(300, 200, 30, "orange");//Centro 
