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