Go.js una librería para HTML5 Canvas

Go.js una librería para HTML5 Canvas
Sin comentarios Facebook Twitter Flipboard E-mail

HTML5 tiene capacidades para acabar haciendo practicamente de todo. Sin embargo hay cosas que todavía necesitan madurar un poco para que podamos apreciar el potencial que tienen. Para que esta maduración llegue se necesita que aparezcan frameworks y librerías especializadas.

Html5 1

Canvas

Uno de los ejemplos más claros de esta necesidad es el uso del control canvas en una página HTML. El api es muy potente pero también es cierto que su manejo es muy a bajo nivel y nos obliga a dibujar lineas, rectángulos prácticamente a mano. Es evidente que necesitamos librerías que nos permitan incrementar el nivel de abstracción y simplificar la forma de desarrollar.

Libreria

Go.js (un ejemplo)

Algunos productos comienzan a surgir para facilitar al programador la vida al hacer uso de Canvas. Un ejemplo claro de esto es Go.js que es una librería de Javascript que nos permite aumentar el nivel de abstracción y diseñar diagramas de una forma relativamente sencilla delegando en Canvas.

Ejemplo1

Como podemos ver estamos ante un diagrama que nos muestra una serie de relaciones entre un conjunto de figuras elementales. Go.js permite crear otros muchos tipos de gráficas más complejas apoyándose en los distintos objetos que soporta. A continuación se muestra un ejemplo del clásico MindMap.

Ejemplo2

Go.js Canvas y flexibilidad

El nivel de flexibilidad es bastante alto ya que una vez creado el diagrama podemos modificarle sobre la marcha y añadir nuevos nodos ya que no estamos manejando imágenes.

Ejemplo4

Es aquí donde podemos sacar partido al objeto canvas y a Javascript como lenguaje de programación. Otros diagramas soportados por esta herramienta son los diagramas jerárquicos y los de estado

En GenBetaDev:Introducción a Canvas

Comentarios cerrados
Inicio