Manual Canvas Html5 11059 12676

Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com

Manual de Canvas del HTML 5
Manual del elemento Canvas del HTML 5 en el que aprenderemos a dibujar sobre los lienzos,
utilizando Javascript y el API de Canvas.

Autores del manual
Este manual ha sido realizado por los siguientes colaboradores de DesarrolloWeb.com:
Miguel Angel Alvarez

Director de DesarrolloWeb.comhttp://www.desarrolloweb.com
(18 capítulos)

Manual de Canvas del HTML 5: http://www.desarrolloweb.com/manuales/manual-canvas-html5.html
© Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización.

1

Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com

Parte 1:

Introducción a HTML 5
Qué es HTML 5 y qué novedades traerá consigo en el desarrollo de páginasweb, entre
las que destaca el elemento CANVAS, que estamos explicando en el presente manual.

1.1.- Qué es HTML 5
Veremos qué es HTML 5, su previsión de tiempo para convertirse en una especificación recomendada y las
novedades más significativas que proporcionará.
En el artículo anterior publicado en DesarrolloWeb.com, "El futuro del desarrollo web: HTML 5" explicamos las razones
por las que esverdaderamente importante esta nueva versión del lenguaje de marcación HTML y vimos quiénes son los que
están llevando a cabo su especificación.
Ahora convendría explicar qué es exactamente HTML 5, ya que no es simplemente una nueva versión del lenguaje de
marcación HTML, sino una agrupación de diversas especificaciones concernientes a el desarrollo web. Es decir, HTML 5 no
se limita sólo a crearnuevas etiquetas, atributos y eliminar aquellas marcas que están en desuso o se utilizan
inadecuadamente, sino que va mucho más allá.
Así pues, HTML 5 es una nueva versión de diversas especificaciones, entre las que se encuentran:
•
•
•

HTML 4
XHTML 1
DOM Nivel 2 (DOM = Document Objetc Model)

A la par, HTML 5 pretende proporcionar una plataforma con la que desarrollar aplicaciones web más parecidasa las
aplicaciones de escritorio, donde su ejecución dentro de un navegador no implique falta de recursos o facilidades para
resolver las necesidades reales de los desarrolladores. Para ello se están creando unas APIs que permitan trabajar con
cualquiera de los elementos de la página y realizar acciones que hasta hoy era necesario realizar por medio de tecnologías
accesorias.
Estas API, quetendrán que ser implementadas por los distintos navegadores del mercado, se están documentando con
minuciosidad, para que todos los Browsers, creados por cualquier compañía las soporten tal cual se han diseñado. Esto se
hace con la intención que no ocurra lo que viene sucediendo en el pasado, que cada navegador hace la guerra por su parte y
los que acaban pagándolo son los desarrolladores y a la postrelos usuarios, que tienen muchas posibilidades de acceder a
webs que no son compatibles con su navegador preferido.

1.1.1.- Cuándo estará listo HTML 5
Según informan en la página de la organización WHATWG, HTML 5 se prevé esté listo como especificación de
implementación recomendada en el 2012. ¿Quiere esto decir que vamos a tener que esperar hasta 2012 para aprovechar las
ventajas de HTML 5?realmente no es justamente así, puesto que algunos navegadores ya implementan muchas de las
características del moderno lenguaje.
Resulta que HTML 5 está formado por muchos módulos distintos, cuyo grado de especificación está en niveles dispares. Por

Manual de Canvas del HTML 5: http://www.desarrolloweb.com/manuales/manual-canvas-html5.html
© Los manuales de DesarrolloWeb.com tienen el copyright desus autores. No reproducir sin autorización.

2

Tu mejor ayuda para aprender a hacer webs
www.desarrolloweb.com
tanto, muchas de las características de HTML 5 están ya listas para ser implementadas, en un punto de desarrollo que se
encuentra cercano al que finalmente será presentado. Otras muchas características están todavía simplemente en el tintero, a
modo de ideas o borradores iniciales.
De...