Manual de Canvas del HTML 5

2.- Introducción a Canvas del HTML 5
Canvas es uno de los componentes más novedosos de estándar HTML 5 que sirve para dibujar dinámicamente imágenes en una página web. Entrar

3.- Ejemplo de dibujo con el API de canvas
Un primer ejemplo de dibujo en un elemento canvas de HTML 5 con el API de canvas y Javascript. Entrar

4.- Entender el lienzo de canvas
Veremos cómo es el lienzo de un canvas, formado por un eje de coordenadas que podemos utilizar para posicionar todos los dibujos que queramos colocar en el canvas. Entrar

5.- Dibujar rectángulos en un Canvas
Cómo dibujar cuadrados y rectángulos en un elemento Canvas de HTML mediante la función fillRect() y strokeRect() de Javascript, válida en HTML 5. Entrar

6.- Caminos en Canvas del HTML 5
Veamos cómo realizar dibujos en un canvas con las funciones para caminos, que permiten la creación de estructuras más complejas. Entrar

7.- Ejemplo 2 de dibujo de caminos en canvas
Segundo ejemplo sobre los caminos en el elemento canvas, donde veremos las funciones closePath() y stroke(). Entrar

8.- Caminos en canvas: ejemplo 3
Cómo dibujar un camino en canvas de HTML 5 con diversas variantes, cerrado y sin cerrar, y con o sin relleno de color. Entrar