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

एचटीएमएल 5 एसवीजी में एक सर्कल कैसे बनाएं?

<घंटा/>

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

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

एचटीएमएल 5 एसवीजी में एक सर्कल कैसे बनाएं?

उदाहरण

HTML5 SVG में वृत्त बनाने का तरीका जानने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं।

 <सिर> <शैली> #svgelem { स्थिति:रिश्तेदार; बाएं:10%; -वेबकिट-ट्रांसफॉर्म:ट्रांसलेशनएक्स (-20%); -एमएस-ट्रांसफॉर्म:ट्रांसलेटएक्स (-20%); ट्रांसफ़ॉर्म:ट्रांसलेशनएक्स (-20%); }  HTML5 SVG Circle   

HTML5 SVG Circle

<सर्कल id="greencircle" cx="60" cy="60" r="50" fill="green" />

आउटपुट

एचटीएमएल 5 एसवीजी में एक सर्कल कैसे बनाएं?


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

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

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

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

  1. HTML5 में चाप () के साथ एक वृत्त कैसे बनाएं?

    आर्क () विधि का उपयोग HTML5 में कैनवास तत्व के साथ एक वृत्त बनाने के लिए किया जाता है। चाप () विधि वाले वृत्त के लिए, प्रारंभ कोण को 0 के रूप में और अंत कोण को 2*Math.PI के रूप में उपयोग करें। आर्क() विधि के पैरामीटर मान यहां दिए गए हैं - S. नहीं पैरामीटर विवरण 1 x x-निर्देशांक 2 y