SVG का अर्थ स्केलेबल वेक्टर ग्राफिक्स है। HTML SVG में दीर्घवृत्त बनाने के लिए SVG <ellipse> एलिमेंट का उपयोग करें। एक के ऊपर एक दीर्घवृत्त बनाने के लिए, कोऑर्डिनेट्स को उचित तरीके से सेट करें।
उदाहरण
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 दीर्घवृत्त</title> </head> <body> <h2>HTML5 SVG दीर्घवृत्त</h2> <svg id="svgelem" width="500" height="200" xmlns="https://www.w3.org/2000/svg"> <ellipse cx="240" cy="100" rx="220" ry="30" style="fill:green" /> <ellipse cx="220" cy="70" rx="190" ry="20" style="fill:yellow" /> </svg> </body> </html>पहला दीर्घवृत्त बड़ा और हरा है, दूसरा छोटा और पीला है, जो पहले के ऊपर दिखाई देता है।
