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

Y seguimos con Canvas

Cambiar el tamaño del circulo por un cuadrado.

<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>Fifa</title>
  </head>
  <body>
    <h1> PROGRAMA CON CANVAS </h1>
  </body>
</html>

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

<script>
  var pantalla = document.querySelector("canvas");
  var pincel = pantalla.getContext("2d");

  pincel.fillStyle = "lightgrey"; // es una caractaristica, propiedad o vble
  pincel.fillRect(0,0,600,400);  //es ua función

  pincel.fillStyle = "green";
  pincel.fillRect(0,0,200,400);

  pincel.fillStyle = "red";
  pincel.fillRect(400,0,200,400);

  pincel.fillStyle = "yellow";
  pincel.beginPath();
  pincel.moveTo(300,200);
  pincel.lineTo(200,400);
  pincel.lineTo(400,400);
  pincel.fill();

  pincel.fillStyle = "blue";
  pincel.beginPath();
  pincel.arc(300,200,50,0,2*3.14);
  pincel.fillRect(250,150,100,100);

</script>

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

1 respuesta

Hola Jorge

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