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

HTML5 SVG से तारे का आकार बनाएं

<घंटा/>

यहाँ एक SVG उदाहरण का HTML5 संस्करण है जो <बहुभुज> टैग का उपयोग करके एक तारा खींचेगा।

<html>
   <head>
      <style>
         #svgelem{
            position: relative;
            left: 50%;
            -webkit-transform: translateX(-40%);
            -ms-transform: translateX(-40%);
            transform: translateX(-40%);
         }
      </style>
      <title>SVG</title>
      <meta charset="utf-8" />
   </head>
   <body>
      <h2 align = "center">HTML5 SVG Star</h2>
      <svg id = "svgelem" height = "200" xmlns = "https://www.w3.org/2000/svg">
      <polygon points = "100,10 40,180 190,60 10,60 160,180" fill = "red"/>
      </svg>
   </body>
</html>

आउटपुट

HTML5 SVG से तारे का आकार बनाएं


  1. HTML5 SVG से तारे का आकार बनाएं

    यहाँ एक SVG उदाहरण का HTML5 संस्करण है जो टैग का उपयोग करके एक तारा खींचेगा। <html>    <head>       <style>          #svgelem{             position: relative;            

  1. एचटीएमएल 5 एसवीजी में गोलाकार कोनों के साथ आयत कैसे बनाएं?

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

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

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