El canvas de HTML 5 (II). Trazos en 2d.

En el artículo anterior aprendimos lo básico para crear lienzos de dibujo en HTML 5. En concreto, aprendimos a insertar los lienzos en la página, prever un mecanismo de fallback para navegadores inadecuados y referenciar los lienzos desde JavaScript. Sin embargo, aún no sabemos qué hacer con ellos, ni nos sirven para nada. En este artículo vamos a empezar a aprender a incluir formas en 2d en nuestros canvas. Y subrayo lo de “empezar” porque el dibujo en lienzos de HTML 5 permite tantas posibilidades que abarcarlas todas en un artículo es imposible. Sin embargo, de aquí saldremos con unos conocimientos básicos que, en posteriores artículos, nos permitirán seguir avanzando. Cómo siempre, espero que disfrutes de esta lectura y, sobre todo, que te resulte interesante y provechosa.

El canvas de HTML 5 (IX). Combinando elementos.

Ya sabemos cómo incluir imágenes en un canvas. También hemos aprendido a insertar formas primitivas y textos. En este artículo vamos a aprender cómo podemos combinar ambos tipos de elementos para lograr el resultado que buscamos en nuestro diseño web. En realidad, es muy fácil, ya que sólo es repetir lo que ya sabemos. Sin embargo, hay algunos detalles que debemos tener en cuenta, y de los que hablaremos en este post. Espero que te resulte interesante.