SVG का अर्थ स्केलेबल वेक्टर ग्राफिक्स है और यह XML में 2D-ग्राफिक्स और ग्राफिकल अनुप्रयोगों का वर्णन करने के लिए एक भाषा है और XML को एक SVG व्यूअर द्वारा प्रस्तुत किया जाता है। अधिकांश वेब ब्राउज़र एसवीजी प्रदर्शित कर सकते हैं जैसे वे पीएनजी, जीआईएफ, और जेपीजी प्रदर्शित कर सकते हैं।
आप आसानी से HTML5 में SVG का उपयोग करके वृत्त, आयत, रेखा आदि जैसी आकृतियाँ बना सकते हैं। आइए SVG का उपयोग करके एक आयत बनाने के लिए एक उदाहरण देखें।
उदाहरण
आप HTML5 में एक आयत बनाने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं।
<!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 width="200" height="100" fill="green"/> </svg> </body> </html>
आउटपुट