Canvas (HTML)

De Wikipedia, la enciclopedia libre
Saltar a: navegación, búsqueda

Canvas (lienzo en inglés) es un elemento HTML incorporado en HTML5 que permite la generación de gráficos dinámicamente por medio del scripting.[1] Permite generar gráficos estáticos y animaciones. Cualquier texto dentro de este elemento se mostrará solo en los navegadores que no soportan el canvas.

Fue implementado por Apple para su navegador Safari. Más tarde fue adoptado por otros navegadores, como Firefox a partir de su versión 1.5, Opera, y es adoptado por WHATWG.

Posee dos atributos width (ancho) y height (alto), el tamaño por defecto es 160.

El objeto canvas puede ser accedido a través de JavaScript, permitiendo generar gráficos 2D, juegos, animaciones y composición de imágenes. Existe otra etiqueta SVG que cumple con funciones similares.

Ejemplo:

<canvas id="tutorial" width="150" height="150">Su navegador no soporta canvas :( </canvas>

Función para verificar si el navegador soporta la etiqueta

var canvas = document.getElementById('tutorial');
if (canvas.getContext){
  var ctx = canvas.getContext('2d');
  // drawing code here
} else {
  // canvas-unsupported code here
}

Referencias[editar]

Enlaces externos[editar]