Bonsai es una biblioteca JavaScript para la manipulación y renderizado de imágenes en formato SVG, permitiendo no solo generar complejos gráficos sino también animarlos de una manera rápida y eficiente.
Bonsai funciona perfectamente en: Safari 5, Chrome 20 y Firefox 18. Brindando a estos tres navegadores soporte completo.
Este pequeña, pero no por eso menos útil biblioteca, cuenta con la capacidad para la creación de figuras geométricas, rellenarlas con cualquier color, crear gradientes, utilizar fuentes personalizadas y finalmente animar todo esto de una forma simple y rápida.
El proyecto pone a nuestra disposición una muy completa documentación, con ejemplos y sobre todo con mucho código, algo que se agradece de cara a minimizar al máximo el tiempo necesario para aprender a utilizar este recurso.
Ejemplo de BonsaiJS:
Creamos un rectángulo y lo agregamos a la escena:
var r = new Rect(0, 0, 100, 200).addTo(stage);
Rellenamos con un color:
r.fill('blue');
Cambiamos un poco el aspecto:
r.fill(color('green').darker());
Finalmente animamos el objeto que creamos:
r.animate('400ms', {
x: 50,
y: 50,
width: 200
});
Web: BonsaiJS
