Framework javascript para realizar gráficos vectoriales

Paper.js es un framework javascript parar crear gráficos vectoriales, utilizando para ello la potencia de canvas HTML5 para realizarlos. El framework ofrece una interface simple de desarrollo, utilizando el modelo DOM para ofrecer una infinidad de funcionalidades para trabajar con vectores, utiliza las curvas Bézier para el trazado de dibujos.

Un detalle interesante de Paper es que no esta basado en SVG, según cuentan en el sitio oficial esto se debe a que Canvas ofrece una mayor velocidad de renderizado, no obstante el framework permitirá importar objetos SVG, aunque actualmente el proyecto esta dando prioridad a la performance principalmente.

Les recomiendo visitar la sección de ejemplos, van a encontrar varias implementaciones que son sorprendentes.

vectores javascript

Paper.js se basa en gran medida y con un alto nivel de compatibilidad con Scriptographer, un entorno de programación que se asocia perfectamente con Adobe Illustrator, que a su vez cuenta con una activa comunidad de programadores con más de 10 años de desarrollo.

Pequeño ejemplo de uso:

var circle = new Path.Circle(new Point(80, 50), 5);
circle.fillColor = 'red';
raster = circle.rasterize();
raster.position.x += 100;
circle.scale(5);raster.scale(5);

El código que coloque simplemente va a mostrar dos círculos, uno que escala su tamaño con respecto al original.

Paper cuenta con una muy completa documentación para poder aprender a utilizar a este fantástico framework.

Web: Paper.js

Categorizado en: