A RaphaelJS plugin, which adds support for the SVG <g> tag.
Original notes by: Matthew Taylor
This is an updated version of the Raphael.group.js plugin. It adds support for moving groups and scaling the X and Y axis independently.
WARNING: These plugins were not tested in IE, and I don't care.
These are plugins I've created for the RaphaelJS library (http://raphaeljs.com/ => https://github.com/DmitryBaranovskiy/raphael) for my own personal use. Feel free to use them as well.
If you don't need to worry about IE8 (or below) users, then I suggest you to migrate over to the newer SnapSVG library, which is more lightweight, produced by the same author, has a similar syntax and has all the features of SVG covered, that was missing from RaphaelJS, including groups.
RaphaelJS tries to even out the differences between SVG and the old, outdated Microsoft Vector Markup Language (VML). It only supports features, which are present in both SVG and VML, and grouping is only supported in SVG.
Though raphael.group.js may work in a browser as old as IE8, it uses some Javascript features, which might not be supported by that browser. For this purpose a separate polyfills.js can be included among the plugins as a patch.