dynashow-demo
var SVG_NS = "http://www.w3.org/2000/svg";
var XLINK_NS = "http://www.w3.org/1999/xlink";
var ATTR_MAP = {
"className": "class",
"svgHref": "href"
};
var NS_MAP = {
"svgHref": XLINK_NS
};
function makeSVG(tag, attributes){
var elem = document.createElementNS(SVG_NS, tag);
for (var attribute in attributes) {
var name = (attribute in ATTR_MAP ? ATTR_MAP[attribute] : attribute);
var value = attributes[attribute];
if (attribute in NS_MAP)
elem.setAttributeNS(NS_MAP[attribute], name, value);
else
elem.setAttribute(name, value);
}
return elem;
}
//var lab1 = {x: "10", y: "10", width: "100", height: "35", label: "Good Moring!"};
function createMySharp(sharpData) {
var svgdoc = document.documentElement;
var group = makeSVG("g", {x: "0", y: "0", transform: "translate("+sharpData.x+", "+sharpData.y+")"});
var rect = makeSVG("rect", {x: "0", y: "0", width: sharpData.width, height: sharpData.height});
group.appendChild(rect);
var text = makeSVG("text", {x: "0", y: "25"});
text.textContent = sharpData.label;
group.appendChild(text);
svgdoc.appendChild(group);
}