Paper.js es un magnifico Framework de Javascript para el manejo de gráficos vectoriales en Canvas, facilita su uso utilizando el poder de HTML5 y utilizando el DOM para ser mas versátil con multiples funcionalidades como dibujo de curvas con Bézier.
Este Framework no esta basado en el uso de SVG según los desarrolladores de Paper.js, aun así se puede importar contenido en SVG y manipularlo con el Framework aun que no tienen la prioridad sobre esto y prefieren mejorar el uso personalizado de este.
La inspiración de Paper.js esta basada en Scriptographer que es algo similar a como trabaja Adobe Illustrator, un ejemplo del código es:
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); |
Si tienen algún temor por empezar a utilizar Paper.js, les aseguro que la documentación esta muy detallada y con muy buena comunidad para empezar a crear excelentes cosas.
Una pagina de ejemplos es http://paperjs.org/examples/ y la pagina oficial http://paperjs.org/
Via Kabytes
¿Utiliza el DOM?
Si, puedes utilizar el DOM.