Dibujo con Javascript y Canvas de HTML

Bienvenido

de forma dinámica directamente en el navegador. Es un lienzo en blanco ideal para desarrollar lógica visual y programación

Con el elemento canvas de HTML y el uso de JavaScript, puedes aprender a manipular gráficos basados en pixeles

Durante este curso desarrollarás precisión, orden y habilidad para representar figuras utilizando el lenguja de programación Javascript.

Objetivo del curso

• Dominar la manipulación del DOM: Aprender cómo JavaScript interactúa directamente con los elementos visuales de una página web. • Comprender el sistema de coordenadas: Asimilar de forma práctica el funcionamiento de los ejes X e Y en entornos digitales (donde el origen 0,0 empieza en la esquina superior izquierda).

Metodología

• 📖 Practica y realiza los ejercicios en clase.
• 🎬 Observa la explicación en clase.

        
Ejemplo de codigo para canvas
    <script>
    var canvas = document.getElementById('canvas');
    var ctx = canvas.getContext('2d');
    ctx.strokeStyle = 'blue'
    ctx.lineWidth = 5
    ctx.beginPath();
    ctx.moveTo(100, 100);
    ctx.lineTo(200, 200);
    ctx.stroke();
    </script>