Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
2
respuestas

Animaciones

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


<script>
    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d");
    pincel.fillStyle = "lightgrey"; //propiedad
    pincel.fillRect(0, 0, 600, 400); //funcion

    function disenharCicunferencia(x, y, radio) {
        pincel.fillStyle = "blue";
        pincel.beginPath();
        pincel.arc(x, y, radio, 0, 2 * Math.PI);
        pincel.fill();

    }

    function limpiarPantalla() {
        pincel.clearRect(0, 0, 600, 400);
    }

    for (var x = 20; x < 600; x++) {
        disenharCicunferencia(x, 20, 10);
    }

</script>
2 respuestas

Hola Marlon, espero que estés bien!

Gracias por compartir tu solución, felicitaciones!

Mucho éxito en todo lo que te propongas y si tienes alguna duda aquí estaremos para apoyarte.

¡Vamos juntos!

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

Muy bien tu código, gracias por compartirlo!