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