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

HTML5 SVG को स्क्रीन के केंद्र में पोजिशन करना


SVG को केंद्र में करने के लिए, निम्नलिखित CSS जोड़ें:

# svgelem { 
    margin-left:auto; 
    margin-right:auto; 
    display:block; 
}

निम्नलिखित हमारा SVG है:

<svg id="svgelem" height="200" xmlns="https://www.w3.org/2000/svg"> 
    <circle id="redcircle" cx="50" cy="50" r="50" fill="red" /> 
</svg>

  1. HTML5 वेब की रिस्पॉन्सिवनेस HTML5 वेब की रिस्पॉन्सिवनेस

    HTML5, नवीनतम और लोकप्रिय वेब डिज़ाइनिंग भाषा, ने अचानक डिज़ाइनिंग की दुनिया को एक लहर के साथ ले लिया। पहले हमारे पास HTML था और अब HTML5 है। हालांकि, अगर हम दोनों के बीच प्रमुख अंतर देखें, तो हम पाते हैं कि एक चीज जो वास्तव में HTML5 को HTML से अलग और बेहतर बनाती है, वह है रिस्पॉन्सिवनेस (Responsiv

  1. Java में JFrame को स्क्रीन के केंद्र में कैसे प्रदर्शित करें? Java में JFrame को स्क्रीन के केंद्र में कैसे प्रदर्शित करें?

    JFrame Frame क्लास का सबक्लास है और फ्रेम में जोड़े गए घटकों को इसकी सामग्री के रूप में संदर्भित किया जाता है, ये contentPane द्वारा प्रबंधित होते हैं। हम JFrame में घटक जोड़ने के लिए इसके contentPane का उपयोग कर सकते हैं। एक JFrame बॉर्डर, शीर्षक, और बटन्स वाली एक विंडो की तरह है। हम JFrame का उपयो

  1. Tkinter में विंडो को स्क्रीन के सेंटर में कैसे रखें? Tkinter में विंडो को स्क्रीन के सेंटर में कैसे रखें?

    Tkinter विंडो को स्क्रीन के सेंटर में रखने के लिए, हम PlaceWindow मेथड का उपयोग कर सकते हैं जिसमें हम toplevel विंडो को आर्गुमेंट के रूप में पास कर सकते हैं और इसे सेंटर में जोड़ सकते हैं। हम प्रोग्रामेटिकली इसकी ज्योमेट्री डिफाइन करके भी विंडो को उसके सेंटर पर सेट कर सकते हैं। उदाहरण # tkinter ला