शुरू करना यह ट्यूटोरियल आपको एसवीजी का उपयोग शुरू करने में मदद करेगा।

स्केलेबल वेक्टर ग्राफिक्स (एसवीजी) दो आयामी आधारित वेक्टर ग्राफिक्स का वर्णन करने के लिए एक XML- आधारित मार्कअप भाषा है। एसवीजी अनिवार्य रूप से ग्राफिक्स के लिए है जैसे HTML पाठ के लिए है।

एसवीजी एक पाठ-आधारित खुला वेब मानक है। इसे स्पष्ट रूप से अन्य वेब मानकों जैसे कि CSS, DOM, और SMIL के साथ काम करने के लिए डिज़ाइन किया गया है।

एसवीजी छवियां और उनके संबंधित व्यवहार एक्सएमएल पाठ फ़ाइलों में परिभाषित किए गए हैं, जिसका अर्थ है कि उन्हें खोजा, अनुक्रमित, स्क्रिप्ट किया और संकुचित किया जा सकता है। इसके अतिरिक्त इसका मतलब है कि उन्हें किसी भी टेक्स्ट एडिटर के साथ और ड्राइंग सॉफ्टवेयर के साथ बनाया और संपादित किया जा सकता है।

एसवीजी 1999 से वर्ल्ड वाइड वेब कंसोर्टियम (W3C) द्वारा विकसित एक खुला मानक है।

 

प्रलेखन

एसवीजी तत्व संदर्भ
प्रत्येक एसवीजी तत्व के बारे में विवरण।
एसवीजी विशेषता संदर्भ
प्रत्येक एसवीजी विशेषता के बारे में विवरण।
एसवीजी डोम इंटरफ़ेस संदर्भ
जावास्क्रिप्ट के साथ बातचीत के लिए एसवीजी डोम एपीआई के बारे में विवरण।
HTML सामग्री में एसवीजी प्रभाव लागू करना
एसवीजी साथ मिलकर काम करता है HTML, CSS तथा JavaScript. करने के लिए SVG का उपयोग करें एक नियमित HTML पेज या वेब एप्लिकेशन बढ़ाएँ।

सभी देखें...

समुदाय

उपकरण

एनीमेशन और बातचीत

HTML की तरह, SVG में एक डॉक्यूमेंट मॉडल (DOM) और इवेंट्स हैं, और यह जावास्क्रिप्ट से एक्सेस किया जा सकता है। यह डेवलपर्स को समृद्ध एनिमेशन और इंटरैक्टिव छवियां बनाने की अनुमति देता है।

  • कुछ सुंदर एस.वी.जी. svg-wow.org
  • फ़ायरफ़ॉक्स विस्तार (Grafox) का सबसेट जोड़ने के लिए SMIL एनीमेशन का समर्थन
  • इंटरएक्टिव तस्वीरें हेरफेर
  • HTML transformations using SVG's foreignObject

मानचित्रण, चार्टिंग, गेम और 3-डी प्रयोग

जबकि थोड़ा एसवीजी वेब सामग्री को बढ़ाने के लिए एक लंबा रास्ता तय कर सकता है, यहां भारी एसवीजी उपयोग के कुछ उदाहरण हैं।

  • Connect 4
  • jVectorMap (डेटा विज़ुअलाइज़ेशन के लिए इंटरेक्टिव मानचित्र)
  • JointJS (जावास्क्रिप्ट आरेख पुस्तकालय)

दस्तावेज़ टैग और योगदानकर्ता

इस पृष्ठ के लिए योगदानकर्ता: mdnwebdocs-bot, ojaswa1942
अंतिम अद्यतन: mdnwebdocs-bot,