Para dibujar en HTML usamos la etiqueta canvas. Canvas (<canvas>) es un elemento de HTML que se utiliza para dibujar gráficos a través de comandos mediante un lenguaje de programación.

El uso de la etiqueta es el siguiente:

<canvas></canvas>

Para dibujar usamos JS para darle las instrucciones y los canvas funcionan con coordenadas

Solamente llegando al canvas no podemos dibujar, debemos crear un contexto, ahora sí, mira cómo dibujar con HTML y JavaScript

Recomendaciones para dibujar en el DOM

• ID es el identificador con el que podemos encontrar etiquetas con JavaScript, los nombres siguen las mismas reglas que las variables

• Puedes obtener un elemento con su id buscándolo con document.getElementById('nombre_id');

Aporte creado por: Brayan Mamani