एसवीजी स्केलेबल वेक्टर ग्राफिक्स के लिए खड़ा है और एक्सएमएल में 2डी-ग्राफिक्स और ग्राफिकल अनुप्रयोगों का वर्णन करने के लिए एक भाषा है और एक्सएमएल को एसवीजी व्यूअर द्वारा प्रस्तुत किया जाता है। अधिकांश वेब ब्राउज़र एसवीजी प्रदर्शित कर सकते हैं जैसे वे पीएनजी, जीआईएफ, और जेपीजी प्रदर्शित कर सकते हैं।
HTML SVG में बहुभुज बनाने के लिए, SVG <पॉलीलाइन> तत्व का उपयोग करें। <पॉलीलाइन> तत्व एक ऐसी आकृति बनाना है जिसमें सीधी रेखाएँ हों। अंक विशेषता प्रत्येक कोने के लिए 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 Polyline</title>
</head>
<body>
<h2>HTML5 SVG Polyline</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> आउटपुट
