Fabric.js - Fine-tune a bunch of SVG element locations/scale/rotation.

Build and change elements within a Canvas and convert to SVG. Drag/Drop, scale, and rotate any element within the canvas.
Scenerio:
You have SVG elements you want to arrange, but do not want to manually compute location/size/rotation of each. Create a canvas and SVG of the same size. Build the desired elements in the canvas using Fabric.js. The canvas has the elements that are converted to SVG.

Mouse down over any element within the canvas to drag/drop, resize, or rotate the element. This will automatically update the SVG.
Canvas
SVG

Canvas:

SVG Source:
Javascript:
OK in:IE11/CH41/FF35