एसवीजी <ellipse>

<ellipse> टैग को वृत्ताकार बनाने के लिए इस्तेमाल किया जाता है。

<ellipse> टैग

<ellipse> टैग को वृत्ताकार बनाने के लिए इस्तेमाल किया जाता है। वृत्ताकार और वृत्त के बीच अंतर यह है कि वृत्ताकार के x और y दायांश अलग-अलग होते हैं जबकि वृत्त के x और y दायांश समान होते हैं。

नीचे दिए गए कोड को कॉपी करें, फिर फ़ाइल को "ellipse1.svg" नाम दें और इसे सहेजें। इस फ़ाइल को आपके वेब डिरेक्ट्री में रखें:

<ellipse cx="210" cy="45" rx="170" ry="15"
नीचे दिए गए उदाहरण में दो दूर्गम (एक पीला और एक सफेद) का समावेश है: 
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<ellipse cx="300" cy="150" rx="200" ry="80"
style="fill:rgb(200,100,50);
stroke:rgb(0,0,100);stroke-width:2"/>
style="fill:white"/>

कोड व्याख्या:

  • cx विशेषता बिन्दु की x दायांश को निर्धारित करती है
  • cy विशेषता बिन्दु की y दायांश को निर्धारित करती है
  • rx विशेषता क्षैतिज दायांश को निर्धारित करती है
  • ry विशेषता ऊर्ध्व दायांश को निर्धारित करती है

एसवीजी</svg>

इस उदाहरण में तीन एक-दूसरे पर आधारित वृत्ताकार बनाए गए हैं:

<ellipse cx="210" cy="45" rx="170" ry="15"
नीचे दिए गए उदाहरण में दो दूर्गम (एक पीला और एक सफेद) का समावेश है: 
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1"
style="fill:purple"/>
<ellipse cx="220" cy="70" rx="190" ry="20"
style="fill:lime"/>


एसवीजी</svg>


style="fill:lime"/>


<ellipse cx="210" cy="45" rx="170" ry="15"
नीचे दिए गए उदाहरण में दो दूर्गम (एक पीला और एक सफेद) का समावेश है: 
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">
style="fill:yellow"/>
<ellipse cx="220" cy="100" rx="190" ry="20"
style="fill:white"/>


एसवीजी</svg>