Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
1
respuesta

Actividad Flor Con interactividad con el usuario

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flor Con Circulos</title>
    <h1><strong>Flor <br> con <br> Círculos</strong> </h1>
</head>
<body>
    <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,){
        dibujarCirculo(x,y,2*3.14,"red")
        dibujarCirculo(x+20,y,2*3.14,"black")
        dibujarCirculo(x-20,y,2*3.14,"orange")
        dibujarCirculo(x,y+20,2*3.14,"blue")
        dibujarCirculo(x,y-20,2*3.14,"yellow")
    }

    var x = parseInt(prompt("coordenadas X, Maximo 500"));
    var y =parseInt(prompt("coordenadas Y, maximo 300"));

       dibujarFlor(x,y);
</script>
</body>
</html>
1 respuesta
solución!

Hola, no se ve el código. Tenes que seleccionar y copiar tu código y antes de pegarlo en éste recuadro tenes que seleccionar </> (está en el banner que está arriba del recuadro). El código lo pegas entre los signos de puntuación que aparecen. Saludos cordiales