एसवीजी <दीर्घवृत्त>
एसवीजी एलिप्से - <दीर्घवृत्त>
दीर्घवृत्त बनाने के लिए <दीर्घवृत्त> तत्व का उपयोग किया जाता है।
एक दीर्घवृत्त एक वृत्त से निकटता से संबंधित है। अंतर यह है कि एक दीर्घवृत्त में एक x और ay त्रिज्या होती है जो एक दूसरे से भिन्न होती है, जबकि एक वृत्त में x और y त्रिज्या बराबर होती है:
उदाहरण 1
निम्न उदाहरण एक दीर्घवृत्त बनाता है:
यहाँ एसवीजी कोड है:
उदाहरण
<svg height="140" width="500">
<ellipse cx="200" cy="80" rx="100" ry="50"
style="fill:yellow;stroke:purple;stroke-width:2" />
</svg>
कोड स्पष्टीकरण:
- cx विशेषता दीर्घवृत्त के केंद्र के x निर्देशांक को परिभाषित करती है
- Cy विशेषता दीर्घवृत्त के केंद्र के y निर्देशांक को परिभाषित करती है
- rx विशेषता क्षैतिज त्रिज्या को परिभाषित करती है
- ry विशेषता ऊर्ध्वाधर त्रिज्या को परिभाषित करती है
उदाहरण 2
निम्न उदाहरण एक दूसरे के ऊपर तीन दीर्घवृत्त बनाता है:
यहाँ एसवीजी कोड है:
उदाहरण
<svg height="150" width="500">
<ellipse cx="240" cy="100" rx="220" ry="30"
style="fill:purple" />
<ellipse cx="220" cy="70" rx="190" ry="20"
style="fill:lime" />
<ellipse cx="210" cy="45" rx="170" ry="15"
style="fill:yellow" />
</svg>
उदाहरण 3
निम्नलिखित उदाहरण दो दीर्घवृत्त (एक पीला और एक सफेद) को जोड़ता है:
यहाँ एसवीजी कोड है:
उदाहरण
<svg height="100" width="500">
<ellipse cx="240" cy="50" rx="220" ry="30"
style="fill:yellow" />
<ellipse cx="220" cy="50" rx="190" ry="20"
style="fill:white" />
</svg>