# HTML5 CanvasHTML5 Canvas

## ¿Qué es una animación en Canvas?

# Texto

Definición:

Canvas es un elemento de HTML5 que permite dibujar gráficos, imágenes y animaciones mediante JavaScript. Canvas (o <canvas>) es un elemento HTML5 que permite dibujar gráficos, animaciones, imágenes y texto directamente en una página web mediante JavaScript. Actúa como un "lienzo digital" donde se puede pintar de forma dinámica y programática.

Características de Canvas

- Gráficos dinámicos por píxel
  Canvas trabaja a nivel de píxel, lo que significa que se puede dibujar forma por forma, punto por punto. Esto permite un control total sobre cada detalle visual de la animación o dibujo.
- Animaciones fluidas
  Gracias a funciones como requestAnimationFrame(), Canvas puede crear animaciones continuas y suaves, ideales para simular movimientos como una pelota que rebota, un planeta orbitando o el crecimiento de una planta.
- Interactividad en tiempo real
  Canvas puede reaccionar a eventos del usuario como clics del mouse, movimiento del cursor, teclas presionadas o toques en pantalla táctil. Esto permite crear simulaciones interactivas donde el estudiante modifica variables y observa los resultados.

Creado con eXeLearning (nueva ventana)