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

HTML5 SVG में आयत कैसे बनाएं?

<घंटा/>

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

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

HTML5 SVG में आयत कैसे बनाएं?

उदाहरण

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

   <body>
      <h2>HTML5 SVG Rectangle</h2>
      <svg id="svgelem" width="300" height="200" xmlns="https://www.w3.org/2000/svg">
         <rect width="200" height="100" fill="green"/>
      </svg>
   </body>
</html>

आउटपुट

HTML5 SVG में आयत कैसे बनाएं?


  1. HTML5 में स्केलेबल वेक्टर ग्राफिक्स (एसवीजी) के साथ कैसे काम करें?

    SVG का अर्थ स्केलेबल वेक्टर ग्राफिक्स है और यह XML में 2D-ग्राफिक्स और ग्राफिकल अनुप्रयोगों का वर्णन करने के लिए एक भाषा है और XML को एक SVG व्यूअर द्वारा प्रस्तुत किया जाता है। SVG ज्यादातर वेक्टर टाइप डायग्राम जैसे पाई चार्ट, X,Y कोऑर्डिनेट सिस्टम में द्वि-आयामी ग्राफ आदि के लिए उपयोगी है। HTML5 म

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

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

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

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