JavaScript से SVG ग्राफिक्स कैसे बनाएं?

सभी आधुनिक ब्राउज़र SVG सपोर्ट करते हैं। JavaScript से SVG DOM बनाकर शेप्स ड्रा करें।

var mySvg = "https://www.w3.org/2000/svg";
var myDoc = evt.target.ownerDocument;
var myShape = svgDocument.createElementNS(mySvg, "circle");
myShape.setAttributeNS(null, "cx", 40);
myShape.setAttributeNS(null, "cy", 40);
myShape.setAttributeNS(null, "r", 30);
myShape.setAttributeNS(null, "fill", "yellow");

मुख्य बिंदु:

• createElementNS नेमस्पेस के साथ SVG एलिमेंट बनाता है।
• setAttributeNS से एट्रिब्यूट्स सेट करें।
• बने एलिमेंट को SVG कंटेनर में appendChild करें।

अन्य शेप्स: rect, line, polygon, path।