Introducción al artículo de Wulin.com (www.vevb.com): Conocimientos básicos de elementos de lienzo en HTML5 y colección de artículos.
Se han introducido muchas características nuevas, una de las más emocionantes es el elemento Canvas. El lienzo HTML 5 proporciona una forma de dibujar gráficos a través de JavaScript, que es fácil de usar pero potente. Cada elemento de lienzo tiene un contexto (contexto) (piense como una página en un tablero de dibujo) donde se puede dibujar cualquier forma. El navegador admite múltiples contextos de lienzo y proporciona capacidades de dibujo gráficas a través de diferentes API. La API proporciona capacidades de dibujo gráficos.
Dado que este elemento se puede usar para dibujar gráficos, sintetizar imágenes en páginas HTML a través de JavaScript, y también hacer algunas animaciones simples, ciertamente ha atraído mucha atención de la industria. Actualmente, la especificación HTML5 todavía está en la etapa del draft, y puede tardar hasta 2010 en ser lanzado oficialmente, pero muchos navegadores ya han admitido algunas especificaciones HTML5. Actualmente, los navegadores que admiten elementos de lona incluyen Firefox3+, Safari4, Chrome 2.0+, etc., por lo que al ejecutar los ejemplos en esta página, asegúrese de usar uno de los navegadores anteriores.
La mayoría de los navegadores admiten contextos de lienzo 2D, incluidos Opera, Firefox, Konqueror y Safari. Además, algunas versiones de Opera también admiten lienzos 3D, y Firefox también puede admitir lienzos 3D a través de complementos. Incluso podemos usar la etiqueta <Canvas> en IE y crear lienzo de compatibilidad con código JavaScript de código abierto (iniciado por Google) basado en el soporte de VML de IE. Ver:.
Recopile artículos sobre el lienzo HTML5 para su uso posterior. Tutorial de conocimiento básico Tutorial HTML5 Experimento de lienzo HTML5 lienzo para Internet Explorer (¿Qué tan bien admite su navegador HTML5?)