SVG का अर्थ स्केलेबल वेक्टर ग्राफिक्स है और यह XML में 2D-ग्राफिक्स और ग्राफिकल एप्लिकेशन का वर्णन करने की एक भाषा है।
HTML SVG में बहुभुज बनाने के लिए SVG <polygon> एलिमेंट का उपयोग करें। <polygon> एलिमेंट कम से कम तीन भुजाओं वाला एक ग्राफिक बनाता है। points एट्रिब्यूट बहुभुज के प्रत्येक कोने के लिए 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 बहुभुज</title> </head> <body> <h2>HTML5 SVG बहुभुज</h2> <svg id="svgelem" width="300" height="300" xmlns="https://www.w3.org/2000/svg"> <polygon points="100, 20 200,180 100,200" style="fill:green;" /> </svg> </body> </html>यह उदाहरण एक त्रिकोण बनाता है। अधिक जटिल बहुभुज के लिए अधिक कोऑर्डिनेट जोड़ें।
