En este
nuevo tema toca hablar sobre HTML5 y el famoso elemento canvas.
HTML5 es la quinta revisión del lenguaje
HTML (HyperText Markup Language). Este especifica dos variantes: HTML y XHTML.
En la
actualidad W3C ha indicado que todavía se encuentra en modo experimental,
aunque ya somos muchos los desarrolladores web que hemos comenzado a explotar
todas sus nuevas ventajas, y muchos los usuarios que han decidido actualizar su
navegar a la versión más reciente para poder disfrutar al máximo de su
potencia.
Las
principales características que aporta son:
- Mejora
de estructura con nuevas etiquetas.
- Etiquetas
diferentes para los contenidos multimedia audio y video.
- Mejora
la búsqueda semántica en internet.
- Geolocalización
pueden localizarte geográficamente.
- Aplicaciones
web offline, no necesitan de conexión a internet.
- Descarga
de páginas web más rápida.
- Permite
realizar diseños adaptables a distintos dispositivos.
- Incorpora
la etiqueta canvas.
- Ofrece
compatibilidad mayor con los navegadores de los dispositivos móviles.
¿Qué es
canvas?
Para
definirlo vamos a referirnos a su definición de la wikipedia que es
la siguiente:
Canvas consiste en una región dibujable definida en el
código HTML con atributos de altura y ancho. El
código JavaScript puede acceder a la zona a través de un conjunto
completo de funciones similares a las de otras APIs comunes de dibujo 2D,
permitiendo así que los gráficos sean generados dinámicamente. Algunos de los
usos previstos incluyen construcción de gráficos, animaciones, juegos, y la
composición de imágenes.
A la
pregunta, ¿Qué puedo hacer con canvas?
La respuesta
es muy simple, se pueden hacer auténticas virguerías con: gráficos, animaciones,
juegos...
En mi caso
he utilizado el elemento canvas combinado con Node.js para realizar una pizarra en tiempo real, en la
cual los participantes pueden dibujar libremente y añadir figuras.
En esta
imagen muestro una captura del uso dado por mí:
Y con esto
se acaba el tema de hoy, un saludo a todos y que tengáis un buen inicio de semana.
¡Nos vemos!
No hay comentarios:
Publicar un comentario