SVG.Rect

by patelsan

HTML

<div id="drawing"></div>

JavaScript

var draw = SVG('drawing').size(300, 130)

var rect = draw.rect(100, 100).fill('#f06').move(20, 20)

var space = draw.svg(
      '<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Desktop-HD" transform="translate(-20.000000, -523.000000)" fill="#F2EEE8" fill-rule="nonzero"><g id="Group-2" transform="translate(0.000000, 519.000000)"><path d="M21.0555556,39 L26.3333333,39 L26.3333333,36.9411765 L22.1111111,36.9411765 L22.1111111,20.4705882 L26.3333333,20.4705882 L26.3333333,18.4117647 L22.1111111,18.4117647 L22.1111111,6.05882353 L34.7777778,6.05882353 L34.7777778,18.4117647 L30.5555556,18.4117647 L30.5555556,20.4705882 L42.1666667,20.4705882 L42.1666667,26.6470588 L44.2777778,26.6470588 L44.2777778,20.4705882 L48.5,20.4705882 L48.5,18.4117647 L36.8888889,18.4117647 L36.8888889,6.05882353 L55.8888889,6.05882353 L55.8888889,18.4117647 L52.7222222,18.4117647 L52.7222222,20.4705882 L55.8888889,20.4705882 L55.8888889,36.9411765 L44.2777778,36.9411765 L44.2777778,30.7647059 L42.1666667,30.7647059 L42.1666667,36.9411765 L30.5555556,36.9411765 L30.5555556,39 L56.9444444,39 C57.5274117,39 58,38.5391167 58,37.9705882 L58,5.02941176 C58,4.46088335 57.5274117,4 56.9444444,4 L21.0555556,4 C20.4725883,4 20,4.46088335 20,5.02941176 L20,37.9705882 C20,38.5391167 20.4725883,39 21.0555556,39 Z" id="Path"></path></g></g></g>'
    );