Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

एचटीएमएल 5 एसवीजी में एक अंडाकार कैसे आकर्षित करें?

<घंटा/>

एसवीजी स्केलेबल वेक्टर ग्राफिक्स के लिए खड़ा है और एक्सएमएल में 2डी-ग्राफिक्स और ग्राफिकल अनुप्रयोगों का वर्णन करने के लिए एक भाषा है और एक्सएमएल को एसवीजी व्यूअर द्वारा प्रस्तुत किया जाता है। अधिकांश वेब ब्राउज़र एसवीजी प्रदर्शित कर सकते हैं जैसे वे पीएनजी, जीआईएफ, और जेपीजी प्रदर्शित कर सकते हैं।

HTML SVG में दीर्घवृत्त बनाने के लिए, SVG तत्व का उपयोग करें।

एचटीएमएल 5 एसवीजी में एक अंडाकार कैसे आकर्षित करें?

उदाहरण

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 Ellipse</title>
</head>

<body>
<h2>HTML5 SVG Ellipse</h2>
<svg id = "svgelem" width = "300" height = "200" xmlns = "https://www.w3.org/2000/svg">
<ellipse cx = "120" cy = "50" rx = "100" ry = "50" fill = "blue" />
</svg>
</body>
</html>

आउटपुट

एचटीएमएल 5 एसवीजी में एक अंडाकार कैसे आकर्षित करें?


  1. एसवीजी में एक खोखला वृत्त कैसे खींचना है?

    SVG में एक खोखला वृत्त बनाने के लिए, तत्व का उपयोग करें। उसके लिए, भरण =“कोई नहीं” का उपयोग करें और रूपरेखा तैयार करें। SVG स्केलेबल वेक्टर ग्राफिक्स के लिए खड़ा है और XML में 2D-ग्राफिक्स और ग्राफिकल एप्लिकेशन का वर्णन करने के लिए एक भाषा है और XML को एक SVG व्यूअर द्वारा प्रस्तुत किया जाता है। अध

  1. HTML5 में SVG इमेज का उपयोग कैसे करें?

    HTML5 में SVG छवियों का उपयोग करने के लिए, तत्व या का उपयोग करें। SVG फ़ाइलें जोड़ने के लिए, आप HTML में , या तत्व का उपयोग कर सकते हैं। अपनी आवश्यकता के अनुसार उनमें से किसी एक को चुनें। यहां बताया गया है कि आप SVG इमेज कैसे जोड़ सकते हैं। यदि SVG को एक फ़ाइल के रूप में सहेजा जाता है, तो इसे सी

  1. HTML5 में स्ट्रोकटेक्स्ट () के साथ टेक्स्ट कैसे बनाएं?

    HTML5 में कैनवास पर टेक्स्ट बनाने के लिए, स्ट्रोकटेक्स्ट () विधि का उपयोग करें। यहाँ स्ट्रोकटेक्स्ट () विधि का सिंटैक्स है। यह दिए गए टेक्स्ट को दिए गए स्थान पर स्ट्रोक करता है, जो दिए गए x और y निर्देशांक द्वारा इंगित किया जाता है। डिफ़ॉल्ट रंग काला है। strokeText(text, x, y [, maxWidth ] ) यहां स्