Una etiqueta nueva en HTML5 es la etiqueta Canvas. La etiqueta Canvas es un espacio en blanco en que puedes dibujar lo que quieras. Puedes añadir imágenes a un lienzo, animar tus formas, añade texto, y mucho más.

Sin embargo, para sacar el máximo provecho de la etiqueta del lienzo, tienes que ser capaz de codificar usando Javascript. Otra desventaja es que no todos los navegadores soportan el Etiqueta de lienzo, especialmente las versiones de Internet Explorer por debajo de la versión 9. Usted puede, sin embargo, escribir algunas aplicaciones de navegador bastante sofisticadas y juegos usando sólo el Canvas tag y Javascript, y todo sin plug-ins como el Flash de Adobe.

Para dibujar un lienzo, todo lo que necesitas son estas dos etiquetas en el CUERPO de tus páginas HTML:

Para dibujar un lienzo, todo lo que necesitas son estas dos etiquetas en el CUERPO de tus páginas HTML:

Puedes especificar una altura y anchura para tu lienzo:

ALTURA DEL LIENZO="400" ANCHURA="400";

Si no especificas una altura y un ancho, el lienzo tendrá 300 píxeles de ancho y 150 píxeles de altura.

El lienzo es completamente transparente. Si quieres que tenga, digamos, un borde, puedes usar algo de CSS:

CANVAS {

frontera: 1px sólido #000000;

}

Para hacer algo útil con tu lienzo, necesitas darle una identificación. Una vez que tiene una identificación, puedes conseguir una referencia a ella con Javascript.

ALTURA DEL LIENZO="400" ANCHURA="400" ID="MyCanvas";

En el código de abajo, usamos "MyCanvas" para colocar el ID del lienzo en una variable (área de almacenamiento de memoria):

SCRIPT LANGUAGE="JavaScript "*;

var canvasID = document.getElementById("MyCanvas");

A continuación, para especificar cómo va a utilizar su lienzo, 2D o 3D:

var canvas = canvas.getContext("2d");

Una vez que tienes una referencia a tu lienzo, y un contexto, estás listo para comenzar dibujando en él. Obviamente, este es un tema complejo, y un libro entero en sí mismo. Si quieres explorar más, prueba esta página en el sitio de Mozilla:

https://developer.mozilla.org/en/Canvas_tutorial

En la siguiente parte, veremos algunas etiquetas HTML 5 más.

| Detalles, Aside, Mark |;

Recomendado para ti