एसवीजी शिक्षण

SVG कोशिश करें

SVG इसका अर्थ है कि स्केलेबल वेक्टर ग्राफिक्स (Scalable Vector Graphics) XML वेक्टर बेस्ड ग्राफिक्स को फॉर्मेट करना

प्रत्येक चैप्टर में की उदाहरण

हमारे 'स्वयं आजमाएं' संपादक का उपयोग करके SVG को संपादित करें, फिर बटन पर क्लिक करके परिणामों को देखें。

एसवीजी इंस्टांस

<html>
<body>
<h1>मेरा पहला SVG</h1>
<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>
</body>
</html>

स्वयं आजमाएं

बुनियादी ज्ञान

आगे जाने से पहले, आपको नीचे दिए गए बुनियादी ज्ञान को थोड़ा सा समझना चाहिए:

  • HTML
  • बुनियादी XML

अगर आप इन सामग्री को पहले सीखना चाहते हैं, तो हमारे होमपेज पर संबंधित ट्यूटोरियलों को देखें。

क्या है SVG؟

  • SVG इसका अर्थ है कि स्केलेबल वेक्टर ग्राफिक्स
  • SVG वेब बेस्ड वेक्टर ग्राफिक्स को परिभाषित करने के लिए
  • SVG XML फॉर्मेट में ग्राफिक्स को परिभाषित करने के लिए
  • SVG फ़ाइल में प्रत्येक एलीमेंट और प्रत्येक गुण को एनीमेट किया जा सकता है
  • SVG W3C अनुशंसित मानक है
  • SVG अन्य W3C मानकों के साथ एकीकृत, जैसे DOM और XSL

SVG W3C अनुशंसित मानक है

SVG 1.0 4 सितंबर 2001 को W3C अनुशंसित मानक बन गया।

SVG 1.1 14 जनवरी 2003 को W3C अनुशंसित मानक बन गया।

SVG 1.1 (दूसरा संस्करण) 16 अगस्त 2011 को W3C अनुशंसित मानक बन गया।

SVG इसका लाभ है

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

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

बनाना SVG इमेज

SVG इमेज को किसी भी टेक्स्ट एडिटर से बनाया जा सकता है, लेकिन ड्राइंग प्रोग्राम (जैसे इंकसकेपSVG इमेज बनाना आमतौर पर आसान होता है।