SVG का मतलब स्केलेबल वेक्टर ग्राफिक्स है और यह XML में 2D-ग्राफिक्स और ग्राफिकल एप्लिकेशन का वर्णन करने के लिए एक भाषा है और XML को फिर SVG व्यूअर द्वारा रेंडर किया जाता है। अधिकांश वेब ब्राउज़र SVG को वैसे ही प्रदर्शित कर सकते हैं जैसे वे PNG, GIF, और JPG प्रदर्शित कर सकते हैं।
HTML SVG में पॉलीगॉन ड्रॉ करने के लिए, SVG <polygon> एलिमेंट का उपयोग करें। <polygon> एलिमेंट कम से कम तीन पक्षों वाला ग्राफिक बनाता है। HTML5 SVG में स्टार ड्रॉ करने के लिए, आपको प्रत्येक कोने के लिए x और y निर्देशांक ठीक से सेट करने होंगे।
उदाहरण
HTML5 SVG में स्टार ड्रॉ करना सीखने के लिए निम्न कोड चलाएं:
<!DOCTYPE html> <html> <head> <style> #svgelem { position: relative; left: 10%; -webkit-transform: translateX(-20%); -ms-transform: translateX(-20%); transform: translateX(-20%); } </style> <title>HTML5 SVG Polygon Star</title> </head> <body> <h2>HTML5 SVG Star</h2> <svg id = "svgelem" width = "300" height = "300" xmlns = "https://www.w3.org/2000/svg"> <polygon points="100,10 40,180 190,60 10,60 160,180" fill="blue"/> </svg> </body> </html>
आउटपुट
स्टार का आउटपुट इमेज के रूप में दिखाया गया है।
