Entrar ¿Aún no tienes acceso?
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Escuadra

Referente al curso Lógica de programación: Practicando con juegos y animaciones, en el capítulo Diseñando gráficos con Canvas y actividad Diseñando una Escuadra

por Carlos Akion Garro Campos
| 80.1k xp | 21 posts
<canvas width="600" height="600"> </canvas>

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

  pincel.fillStyle = "black";
  pincel.fillRect(0, 0, 600, 600);

  /*
    Primer nos movemos a la posicion que deseamos
    luego creamos una linea a la posicion donde desea terminar
    y luego la otra linea a la posicion donde desea terminar
 */

  pincel.fillStyle = "white";
  pincel.beginPath();
  pincel.moveTo(50, 50);
  pincel.lineTo(50, 400);
  pincel.lineTo(400, 400);
  pincel.fill();

  pincel.fillStyle = "black";
  pincel.beginPath();
  pincel.moveTo(100, 175);
  pincel.lineTo(100, 350);
  pincel.lineTo(275, 350);
  pincel.fill();
</script>
1 respuesta
por Adriana Silva
| 1324.2k xp | 3616 posts
Alura Scuba Team Scuba Team

Hola Carlos, espero que estés bien.

Estamos priorizando el foro para postear dudas, así optimizamos el tiempo de respuesta para ustedes.

Pero para no dejar de compartir los códigos, creamos un canal en Discord #CompartaTuCodigo donde puedes compartirlos,

dar y sugerir mejoras con el resto de tus compañeros. Es importante compartir allí porque tendrás mucha más personas para

intercambiar ideas y enriquecer tu código.

Un saludo.

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