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 शिक्षा.