Entre las nuevas características de HTML5 una de las consideradas más poderosas está el elemento canvas. Con el elemento canvas simplemente indicamos una región rectangular donde podremos después dibujar usando JavaScript. Desde JavaScript tendremos el control de cada píxel del área rectangular y podremos dibujar líneas, rectángulos, círculos, escribir letras y añadir imágenes.
Para usar canvas tan solo debemos emplear un código en nuestra web como el siguiente:
0 1 2 3 4 |
<canvas id="idcanvas" width="250" height="150"></canvas> Su navegador no soporta canvas </canvas> |
El contenido entre <canvas> y </canvas> se mostrará en los navegadores que no tengan soporte de canvas. Es importante usar el atributo id para poder acceder a la región canvas desde JavaScript.
Los atributos específicos son:
height | pixeles | Especifica la altura de la región canvas |
width | pixeles | Especifica la anchura de la región canvas |