BonsaiJS

The library renders out graphics as SVG images.

BonsaiJS comes with a programmatic API for developers.

Works with client-side (browsers) and server-side (Node.js) environments.

Features:

• Support for paths
• Support for audio, video, images, fonts
• Support for keyframe animation
• Support for time based animation
• Support for path morphing
• Easy assets management
• Easing functions

What is new in this release:

• Added support for `textAlign` attribute on Text.

What is new in version 0.4.3:

• Added support for `strokeDash` and `strokeDashOffset` attributes on all Paths.
• Added `DisplayObject#globalToLocal()` and `DisplayObject#localToGlobal()`.

What is new in version 0.4.2:

• Updated KeyframeAnimation.js documentation.
• Fixed an issue with KeyframeAnimation where it would trip over certain undefined values.
• Fixed a bug in KeyframeAnimation#_fillInProperties where it would refer to the wrong instance property easingFn (-> easing).
• Sending of user messages to runner contexts is deferred until context startup.
• Allow for an ID string to be passed to as the first argument to `run`.
• Fixed a memory leak with frame rate logging.
• Fixed matrix attribute setter to update scale values correctly.
• Added tools.parseAngle to accept angle units as strings.
• Added relatedTarget event properties for mouseout / mouseover.

What is new in version 0.4.1:

• Added isRight/isMiddle/isLeft to Pointer events and make it possible to disable/enable the context menu from the `bonsai.run` configuration object.
• Introduced MediaDisplayObject that combines the basic functionality of Video and Audio.
• Fixed examples to be in line with the documentation.
• Fixed out-of-range hsl color values.
• Fixed out-of-range alpha values when parsing rgba() strings.
• Added additional method signature for new Matrix([a, b, c, d, tx, ty]).
• Added Matrix.fromString() method to create new Matrix instance from a string.
• Renamed DisplayObject#getComputed to DisplayObject#getBoundingBox and improve implementation for calculating the bounding box of paths.
• Make the example movie list (previously movie_list.js) a proper JSON file.

Requirements:

• JavaScript enabled on client side