Html 5 la etiqueta CANVAS

La etiqueta canvas es usada en html 5 para la creación de gráficos 2d y 3d, el uso es por medio de javascript y su construcción es de esta forma

<canvas id="myCanvas" width="200" height="100"></canvas>

En la siguiente url tenéis acceso a su diseño y podeis probar las diferentes posibilidades que nos ofrece Ejemplo , con las diferentes combinaciones podemos crear gráficos en 2d o en 3d, ya depende del ingenio de cada uno, se pueden crear círculos, rectángulos, gradientes de colores. Además podemos usar esta etiqueta para generar movimiento por medio de javascript.

Algunos ejemplos en javascript:

<script type="text/javascript">
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.fillStyle="#FF0000";
cxt.beginPath();
cxt.arc(70,18,15,0,Math.PI*2,true);
cxt.closePath();
cxt.fill();
</script>

 

Your browser does not support the canvas element.

 

Your browser does not support the canvas element.

 

Your browser does not support the canvas element.

URL de interes

http://en.wikipedia.org/wiki/Canvas_element

Ejemplos con HTML5 y canvas interesantes

Manual de CANVAS

 

Etiquetas
Etiqueta CANVAS en HTML 5. Ejemplo de uso CANVAS ETIQUETA HTML 5 EJEMPLO DE CANVAS EFECTOS CON ETIQUETAS CANVAS ALGO SOBRE HTML5