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

Creeper

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

<!DOCTYPE html>
<html lang="es">
  <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>Document</title>
  </head>
  <body>
    <canvas width="600" height="400"></canvas>
    <script>
      var pantalla = document.querySelector("canvas");
      var pincel = pantalla.getContext("2d");

      pincel.fillStyle = "darkgreen";
      pincel.fillRect(0, 0, 360, 360);

      pincel.fillStyle = "black";
      pincel.fillRect(45, 90, 90, 90);
      pincel.fillRect(225, 90, 90, 90);
      pincel.fillRect(135, 180, 90, 135);
      pincel.fillRect(90, 225, 45, 135);
      pincel.fillRect(225, 225, 45, 135);
    </script>
  </body>
</html>
1 respuesta

Genial tu codigo super optimizado, sin repetir codigo, felicidades Alonzo.