Solucionado (ver solución)
Solucionado
(ver solución)
2
respuestas

Flor

Mi código compañeros:

<canvas width="600" height="400"></canvas>

<script>

    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, 200, 20, "red")
    dibujarCirculo(300, 160, 20, "yellow")
    dibujarCirculo(300, 240, 20, "blue")
    dibujarCirculo(340, 200, 20, "black")
    dibujarCirculo(260, 200, 20, "orange")


</script>
2 respuestas

Hola Edwin

Gracias por compartir tu código, está muy bien felicitaciones.

Si tienes alguna pregunta sobre el contenido de los cursos, estaremos aquí para ayudarte.

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios
solución!

Muchas Gracias Jose por tus comentarios, seguimos trabajando con entusiasmo.