SVG का मतलब स्केलेबल वेक्टर ग्राफिक्स है और यह XML में 2D-ग्राफिक्स और ग्राफिकल एप्लिकेशन का वर्णन करने के लिए एक भाषा है और XML को फिर SVG व्यूअर द्वारा रेंडर किया जाता है। अधिकांश वेब ब्राउज़र SVG को वैसे ही प्रदर्शित कर सकते हैं जैसे वे PNG, GIF, और JPG प्रदर्शित कर सकते हैं।
HTML SVG में लाइन ड्रॉ करने के लिए, SVG <line> एलिमेंट का उपयोग करें।
उदाहरण
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 Line</title> </head> <body> <h2>HTML5 SVG Line</h2> <svg id = "svgelem" width = "300" height = "200" xmlns = "https://www.w3.org/2000/svg"> <line x1 = "0" y1 = "0" x2 = "100" y2 = "100" style = "stroke:red;stroke-width:2"/> </svg> </body> </html>
आउटपुट
लाइन का आउटपुट इमेज के रूप में दिखाया गया है।
