SVG tutorial एक्सएमएल प्रारूप में SVG ग्राफिक्स की Basic और Advanced concepts को प्रदान करता है. हमारा SVG tutorial शुरुआती और पेशेवरों दोनों के लिए डिज़ाइन किया गया है. SVG एक्सएमएल प्रारूप भाषा में एक ग्राफिक्स है जिसे Google को तेजी से विकास और उच्च प्रदर्शन की दृष्टि से विकसित किया गया है. हमारे SVG tutorial में एक्सएमएल प्रारूप में SVG ग्राफिक्स के सभी विषय शामिल हैं जैसे कि परिचय, पहला उदाहरण, मूल आकार, पाठ, स्ट्रोक, जी तत्व, दोष तत्व, प्रतीक तत्व, फिल्टर, धब्बा प्रभाव, ड्रॉप छाया प्रभाव, पैटर्न, ग्रेडिएंट, लीनियर ग्रेडिएंट्स , एनीमेशन, क्लिप पथ, रेडियल ग्रेडिएंट आदि।
SVG Scable Vector Graphics से लिया गया है. जिससे हम 2D Graphics और Graphical Application XML में बना सकते है। ये सबसे ज्यादा Vector Type Diagrams create करने के लिए जाना जाता है. जैसे Pie chart, Two-dimensional graph, HTML5 direct Svg tag Embeding करने की अनुमति देता है. SVG में किसी भी को डिफाइन करने के लिए कई सारे method होते है. जिनके द्वारा हम आसानी से ड्रा कर सकते है. SVG दो आयामी आधारित वेक्टर ग्राफिक्स का वर्णन करने के लिए एक्सएमएल-आधारित मार्कअप भाषा है. SVG अनिवार्य रूप से ग्राफिक्स है जो HTML पाठ के लिए है।
SVG Introduction in Hindi
SVG एक XML भाषा है, यह कम से कम तीन कारणों से महत्वपूर्ण है. सबसे पहले, कोड SVG को कैसे लिखा जाना चाहिए और क्लाइंट सॉफ्टवेयर को कैसे प्रतिक्रिया देनी चाहिए, इसके मानकों पर सहमति दी जाती है. दूसरा, सभी XML की तरह, यह पाठ में लिखा गया है, और आमतौर पर न केवल मशीनों द्वारा पढ़ा जा सकता है, बल्कि मनुष्यों द्वारा भी पढ़ा जा सकता है।
तीसरा, और शायद सबसे महत्वपूर्ण बात, जावास्क्रिप्ट का उपयोग ऑब्जेक्ट और दस्तावेज़ ऑब्जेक्ट मॉडल दोनों में हेरफेर करने के लिए किया जा सकता है, जावास्क्रिप्ट के HTML के साथ संयोजन के रूप में काफी समान तरीके से उपयोग किया जाता है. यदि आप पहले से ही जानते हैं कि वेब-प्रोग्रामिंग के लिए जावास्क्रिप्ट और HTML का उपयोग कैसे किया जाता है, तो सीखने की अवस्था बहुत ही कोमल होगी, विशेष रूप से प्राप्त होने वाले लाभों के मद्देनजर।
SVG स्केलेबल वेक्टर ग्राफिक्स के लिए खड़ा है. SVG W3C SVG वर्किंग ग्रुप द्वारा विकसित और अनुरक्षित एक खुला मानक है. SVG एक एक्सएमएल आधारित प्रारूप है जिसका इस्तेमाल वेक्टर छवियों को आकर्षित करने के लिए किया जाता है।
यह XML में 2-D ग्राफिक्स का वर्णन करने के लिए एक भाषा है. वेक्टर छवि के कारण, यदि आप ज़ूम आउट करते हैं या SVG छवि का आकार बदलते हैं, तो यह गुणवत्ता कभी नहीं खोएगा. SVG छवियां अन्तरक्रियाशीलता और एनीमेशन का समर्थन करती हैं।
घटना संचालकों के लिए SVG सपोर्ट करता है। विभिन्न वेब ब्राउजर SVG यानी क्रोम, ओपेरा, फायरफॉक्स, सफारी, इंटरनेट एक्सप्लोरर आदि का समर्थन करते हैं।
एसवीजी एक्सटेंसिबल मार्कअप लैंग्वेज (एक्सएमएल) के एक अनुप्रयोग के रूप में एक छवि का वर्णन है. कोई भी प्रोग्राम जैसे कि वेब ब्राउज़र जो XML को पहचानता है. वह SVG प्रारूप में दी गई जानकारी का उपयोग करके छवि प्रदर्शित कर सकता है. शब्द के एक रेखापुंज ग्राफिक्स से भिन्न भाग पर जोर दिया गया है कि वेक्टर ग्राफिक छवियों को आसानी से स्केलेबल बनाया जा सकता है (जबकि रेखांकन ग्राफिक्स में निर्दिष्ट छवि एक निश्चित आकार का बिटमैप है), इस प्रकार, एसवीजी प्रारूप किसी भी आकार और रिज़ॉल्यूशन के कंप्यूटर डिस्प्ले पर एक छवि को देखने में सक्षम बनाता है, चाहे सेल फोन में एक छोटी एलसीडी स्क्रीन या वर्कस्टेशन में एक बड़ा सीआरटी डिस्प्ले, आकार में कमी और वृद्धि में आसानी के अलावा, एसवीजी छवियों के भीतर पाठ को इस तरह से मान्यता प्राप्त करने की अनुमति देता है, ताकि पाठ को एक खोज इंजन द्वारा स्थित किया जा सके और आसानी से अन्य भाषाओं में अनुवाद किया जा सके।
किसी web page में graphics define करने के लिए HTML5 Canvas के अलावा SVG technology भी provide करती है. SVG का पूरा नाम scalable vector graphics है। यह एक XML based image format होता है. SVG को web pages में दो आयामी वेक्टर आधारित ग्राफिक्स आकर्षित करने के लिए use किया जाता है. किसी web page में graphics draw करने के लिए World Wide Web Consortium (W3C) SVG technology को ही recommend करता है. SVG आपको paths, boxes, circles, text और graphics images draw करने के लिए कई methods provide करती है।
Advantages of SVG
SVG images को web engines द्वारा search और index किया जा सकता है।
एसवीजी विनिर्देश एक खुला मानक है।
SVG images को किसी भी resolution पर high quality के साथ print करना possible है।
SVG के साथ आपको built in animation elements available है जिनके माध्यम से SVG images को animate किया जा सकता है।
आप SVG इमेज बनाने और संपादित करने के लिए किसी भी टेक्स्ट एडिटर का उपयोग कर सकते हैं।
एसवीजी में किसी भी रिज़ॉल्यूशन पर अच्छी प्रिंटिंग क्वालिटी होती है।
एसवीजी एक्सएमएल आधारित है इसीलिए एसवीजी इमेज इंडेक्सेबल और सर्चेबल हैं और इसे स्क्रिप्टेड और कंप्रेस्ड किया जा सकता है।
एसवीजी छवियां अत्यधिक मापनीय होती हैं यही कारण है कि वे कभी भी गुणवत्ता को नहीं खोते हैं चाहे आपको कितना भी ज़ूम आउट किया गया हो या इसे आकार दिया गया हो।