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

HTML5 में SVG का उपयोग करके आकृतियाँ कैसे बनाएं?


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

आप आसानी से HTML5 में SVG का उपयोग करके वृत्त, आयत, रेखा आदि जैसी आकृतियाँ बना सकते हैं। आइए SVG का उपयोग करके एक आयत बनाने के लिए एक उदाहरण देखें।

HTML5 में SVG का उपयोग करके आकृतियाँ कैसे बनाएं?

उदाहरण

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

<!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 इमेज का उपयोग कैसे करें?

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

  1. C++ का उपयोग करके OpenCV में आयत कैसे बनाएं?

    एक आयत बनाने के लिए हमें चार बिंदुओं की आवश्यकता होती है। निम्न आकृति को देखें। आकृति में, चार बिंदु x1, x2, y1 और y2 हैं। ये चार बिंदु चार निर्देशांक बना रहे हैं। OpenCV का उपयोग करके एक आयत बनाने के लिए, हमें इन बिंदुओं को परिभाषित करना होगा और उस आयत को दिखाना होगा जिसकी हमें एक मैट्रिक्स की आ

  1. जावा का उपयोग करके ओपनसीवी में आयत कैसे बनाएं?

    Java OpenCV लाइब्रेरी के org.opencv.imgproc पैकेज में Imgproc नामक एक वर्ग है। एक आयत बनाने के लिए आपको आयताकार () . का आह्वान करना होगा इस वर्ग की विधि। यह विधि निम्नलिखित मापदंडों को स्वीकार करती है - एक मैट वस्तु उस छवि का प्रतिनिधित्व करती है जिस पर आयत खींची जानी है। आयत के शीर्षों को निर