free transform example

HTML

<script src="https://raw.github.com/ElbertF/Raphael.FreeTransform/master/raphael.free_transform.js"></script>
<div id="workspace"></div>

CSS

#workspace { width: 500px; height: 500px; }

JavaScript

var paper = Raphael('workspace', 800, 800);
paper.canvas.setAttribute("id", "mSvg");
var mySvg = document.getElementById("mSvg");
var group1 = document.createElementNS("http://www.w3.org/2000/svg","g");
group1.setAttribute("id", "group1");
group1.setAttribute("transform", "rotate(45)");
mySvg.appendChild(group1);
var rects = paper.set();
var rect1 = paper.rect(200, 250, 150, 20).attr({ fill: "white" , stroke: "black", opacity: 1 });
rect1.node.id = "rect-0";
for (var j = 1; j <= 5; j++) {
var rect = paper.rect(200+ j*30, 250, 30, 20).attr({ fill: Raphael.getColor() , stroke: "black", opacity: 1 });
rect.node.id = "rect-"+j;
rects.push(rect);
       }
var closegrp=document.createElementNS("http://www.w3.org/2000/svg","/g"); //error comes here
group1.appendChild(closegrp);
console.log(closegrp);