एसवीजी स्केलेबल वेक्टर ग्राफिक्स के लिए खड़ा है और एक्सएमएल में 2डी-ग्राफिक्स और ग्राफिकल अनुप्रयोगों का वर्णन करने के लिए एक भाषा है और एक्सएमएल को एसवीजी व्यूअर द्वारा प्रस्तुत किया जाता है। अधिकांश वेब ब्राउज़र एसवीजी प्रदर्शित कर सकते हैं जैसे वे पीएनजी, जीआईएफ, और जेपीजी प्रदर्शित कर सकते हैं।
HTML SVG में एक आयत बनाने के लिए, SVG
उदाहरण
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>SVG</title>
</head>
<body>
<h2>HTML5 SVG Rectangle</h2>
<svg id="svgelem" width="300" height="200" xmlns="https://www.w3.org/2000/svg">
<rect x="50" y="20" rx="30" ry="30" width="150" height="150"
style="fill:blue;/">
</svg>
</body>
</html>