Este elemento ten beneficios por outra tecnoloxía
HTML5 inclúe un elemento interesante chamado CANVAS. Ten moitos usos, pero para usalo cómpre aprender JavaScript, HTML e ás veces CSS.
Isto fai que o elemento CANVAS sexa un pouco desalentador para moitos deseñadores e, de feito, a maioría ignorará o elemento ata que haxa ferramentas de confianza para crear animacións e xogos CANVAS sen coñecer JavaScript.
Que se usa para HTML5 Canvas
O elemento HTML5 CANVAS pódese usar para moitas cousas que anteriormente, tiñas que usar unha aplicación embebida como Flash para xerar:
- gráficos dinámicos
- xogos en liña e fóra de liña
- animacións
- video interactivo e audio
De feito, a razón principal pola que as persoas usan o elemento CANVAS é pola facilidade de converter unha páxina web sinxela nunha aplicación web dinámica e converter esa aplicación nunha aplicación móbil para uso en teléfonos intelixentes e tabletas.
Se temos un flash, por que necesitamos o lenzo?
Segundo a especificación HTML5, o elemento CANVAS é:
"... un canle de mapa de bits dependente da resolución, que se pode empregar para renderizar gráficos, gráficos de xogos, arte ou outras imaxes visuales sobre a marcha".O elemento CANVAS permite graficar gráficas, gráficos, xogos, arte e outros elementos visuais na páxina web en tempo real.
Podería estar pensando que xa podemos facelo con Flash, pero hai dúas diferenzas importantes entre CANVAS e Flash:
- O elemento CANVAS está incrustado directamente no HTML. Os scripts que se basea nel están ben en HTML ou nun ficheiro externo ligado. Isto significa que o elemento CANVAS forma parte do modelo de obxecto de documento ou DOM.
- Flash é un ficheiro externo incrustado. Utiliza o elemento EMBED ou OBJECT para mostrar e non pode interactuar directamente cos outros elementos HTML. Debido a que o elemento CANVAS forma parte do DOM, pode interactuar co DOM de varias maneiras.
- Por exemplo, pode crear unha animación que modifique cando se interactúa con outra parte da páxina, como se está a encher un elemento de formulario. Con Flash, o que máis podería facer sería comezar a película ou a animación de Flash, pero con CANVAS podería crear moitos efectos diferentes, mesmo engadindo o texto do campo do formulario á animación.
- O elemento CANVAS é compatible nativamente polos navegadores web. Para que os usuarios utilicen Flash realmente, o seu navegador debe ter instalado o complemento. Isto é moitas veces un problema para a maioría das persoas debido a instalacións Flash desactualizadas ou ao feito de que o seu sistema operativo simplemente non o soporta.
- Adoitaba ser que cada navegador tiña instalado o complemento, pero iso xa non é o caso, e moitos aínda están eliminando o complemento debido a dificultades. Ademais, non está dispoñible na popular plataforma iOS.
A lona é útil aínda que nunca se planea usar Flash
Unha das principais razóns polas que o elemento CANVAS é tan confuso é que moitos deseñadores utilizáronse nunha web completamente estática. As imaxes poden estar animadas, pero iso está feito con GIF e, por suposto, pode integrar o vídeo nas páxinas pero, de novo, é un vídeo estático que simplemente está na páxina e quizais iníciase ou detense debido á interacción, pero iso é todo.
O elemento CANVAS permite engadir máis interactividade ás túas páxinas web porque agora podes controlar os gráficos, as imaxes e o texto dinámicamente cun linguaxe de script. O elemento CANVAS axúdalle a converter imaxes, fotos, gráficos e gráficos en elementos animados.
Cando considerar o uso do elemento Canvas
O teu público debe ser a túa primeira consideración ao decidir se usar o elemento CANVAS.
Se o público usa principalmente Windows XP e IE 6, 7 ou 8, entón a creación dunha función de lona dinámica non terá sentido xa que os navegadores non o apoian.
Se está a construír unha aplicación que se usará só en máquinas Windows, Flash podería ser a súa mellor aposta. Unha aplicación que se usará en computadores Windows e Mac podería beneficiarse dunha aplicación Silverlight.
Non obstante, se a súa aplicación debe ser vista en dispositivos móbiles (tanto para Android e iOS) como para ordenadores de escritorio modernos (actualizados ás versións máis recentes do navegador), usar o elemento CANVAS é unha boa opción.
Teña en conta que usar este elemento permítelle ter opcións de recuperación como imaxes estáticas para navegadores máis antigos que non o admitan.
Non obstante, non se recomenda usar lenzo HTML5 para todo. Non debería usalo nunca para cousas como o seu logotipo, título ou navegación (aínda que usalo para animar unha porción de calquera deles estaría ben).
Segundo a especificación, debes usar os elementos máis axeitados para o que estás a construír. Polo tanto, usar o elemento HEADER xunto con imaxes e texto é preferible ao elemento CANVAS para o seu cabeceira e logotipo.
Ademais, se está a crear unha páxina web ou unha aplicación que se pretende usar nun medio non interactivo como a impresión, ten que ter en conta que o elemento CANVAS que se actualizou de forma dinámica non pode imprimir como esperaba. Pode obter unha impresión do contido actual ou do contido de devolución.