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

HTML5 SVG में स्टार कैसे बनाएं?

<घंटा/>

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

HTML SVG में बहुभुज बनाने के लिए, SVG <बहुभुज> तत्व का उपयोग करें। <बहुभुज> तत्व कम से कम तीन पक्षों वाला एक ग्राफिक बनाता है। HTML5 SVG में एक तारा बनाने के लिए, आपको प्रत्येक कोने के लिए x और y निर्देशांक ठीक से सेट करने होंगे।

HTML5 SVG में स्टार कैसे बनाएं?

उदाहरण

HTML5 SVG में स्टार कैसे बनाएं, यह जानने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं:

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

HTML5 SVG Star

<बहुभुज बिंदु="100,10 40,180 190,60 10,60 160,180" fill="blue"/>

आउटपुट

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 को एक फ़ाइल के रूप में सहेजा जाता है, तो इसे सी