HTML5 इनलाइन SVG

HTML5 ने इनलाइन SVG को समर्थन किया है

SVG क्या है?

  • SVG (Scalable Vector Graphics) को बुलाया जाता है
  • SVG नेटवर्क के लिए वेक्टर ग्राफिक्स को परिभाषित करता है
  • SVG ग्राफिक्स को XML फॉर्मेट में परिभाषित किया जाता है
  • SVG चित्र का ग्राफिक गुण कमाल रहता है जब उसे बढ़ाया या आकार किया जाता है
  • SVG वेब वर्ल्ड एसोसिएशन का मानक है

SVG के फायदे

JPEG और GIF जैसे अन्य इमेज फॉर्मेटों की तुलना में SVG का फायदा ये है:

  • SVG चित्र को टेक्स्ट एडिटर के द्वारा बनाया और संशोधित किया जा सकता है
  • SVG चित्र को खोजा जा सकता है, सूचीबद्ध किया जा सकता है, स्क्रिप्ट किया जा सकता है या कम्प्रेस किया जा सकता है
  • SVG लचीला है
  • SVG चित्र को किसी भी रेज़ोल्यूशन पर उच्च गुणवत्ता से प्रिंट किया जा सकता है
  • SVG को बढ़ाकर चित्र की गुणवत्ता नहीं खोती

ब्राउज़र समर्थन

Internet Explorer 9、Firefox、Opera、Chrome और Safari इनलाइन SVG का समर्थन करते हैं。

SVG को सीधे HTML पृष्ठ में घुसाएं

HTML5 में, आप SVG एलीमेंट को सीधे HTML पृष्ठ में घुसा सकते हैं:

उदाहरण

<!DOCTYPE html>
<html>
<body>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">
  <polygon points="100,10 40,180 190,60 10,60 160,180"
  style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" />
</svg>

</body>
</html>

स्वयं प्रयोग कीजिए

परिणाम:

SVG शिक्षा

SVG के बारे में अधिक जानकारी प्राप्त करने के लिए हमारे SVG शिक्षा.