Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

[Sugerencia] Diseñando una flor

moldeando la flor con cualquier radio, agregando un nuevo parámetro a la función "function dibujarFlor(x,y,radio)".

<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();
    }
    function dibujarFlor(x,y,radio){

    //eje y
    dibujarCirculo(x,y,radio,"red")
    dibujarCirculo(x,y-radio*2,radio,"yellow")
    dibujarCirculo(x,y+radio*2,radio,"blue")

    //eje x
    dibujarCirculo(x-radio*2,y,radio,"orange")
    dibujarCirculo(x+radio*2,y,radio,"black")  
    }

    dibujarFlor(300,200,40);

</script>
1 respuesta

Hola Luis, como estás?

Gracias por compartir tu proyecto en el foro, quedo buenisima la flor.

Felicitaciones, continua así aprendiendo, saludos.

Si tienes alguna duda 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