1 Capítulo 7 La API del CANVAS
2 El Canvas de HTML5 es una de las características más populares de esta tecnología, ya que nos permitirá dibujar, importar imágenes y videos, desplegar texto y hacer animaciones. Afortunadamente esta tecnología es la más aceptada en los cinco navegadores más populares para computadora, y prácticamente se acepta en todos los navegadores para dispositivos móviles. En la página de podemos confirmar este punto.
3 Para crear el Canvas necesitamos primero hacer una página básica de HTML5 como se muestra a continuación:
4 Ahora, dentro de la etiqueta , escribiremos la etiqueta . Como atributo de estas etiquetas debemos de definir su ancho y su largo. Dentro de ambas etiquetas podemos escribir una sentencia que se mostrará en caso de que el navegador no soporte HTML5. También definimos un identificador y colocamos una etiqueta para simplemente tener título en la página. Grabe el archivo y pruébelo en algún navegador. En su monitor sólo deberá aparecer la leyenda de Conceptos básicos de canvas, ya que el canvas, por omisión, es transparente. Para poder darle color al canvas, si así lo desea, debemos hacerlo por medio de los estilos en cascada. De hecho el canvas es una etiqueta con modelo de caja, es decir, tiene márgenes, bordes y todo lo que tenemos en las demás etiquetas de tipo box model. Escriba en el mismo archivo los estilos en cascada dentro de la etiqueta .
5 7.1 Detectar el canvas con JavaScriptDebemos de esperar a que todos los elementos del HTML hayan sido creados antes de ser utilizados, para que podamos utilizar el código de JavaScript. Tenemos dos opciones: colocar la etiqueta