एचटीएमएल ग्राफिक्स

ग्राफिक्स होम

गूगल मानचित्र

मानचित्र परिचय मैप्स बेसिक मैप्स ओवरले मानचित्र घटनाक्रम मानचित्र नियंत्रण मानचित्र प्रकार मानचित्र संदर्भ

एसवीजी ट्यूटोरियल

एसवीजी परिचय एचटीएमएल में एसवीजी एसवीजी आयत एसवीजी सर्किल एसवीजी एलिप्से एसवीजी लाइन एसवीजी बहुभुज एसवीजी पॉलीलाइन एसवीजी पथ एसवीजी पाठ एसवीजी पथपाकर एसवीजी फ़िल्टर परिचय एसवीजी धुंधला प्रभाव एसवीजी ड्रॉप शैडो एसवीजी रैखिक एसवीजी रेडियल एसवीजी उदाहरण एसवीजी संदर्भ

कैनवास ट्यूटोरियल

कैनवास परिचय कैनवास ड्राइंग कैनवास निर्देशांक कैनवास ग्रेडिएंट कैनवास पाठ कैनवास छवियां कैनवास संदर्भ

कैनवास घड़ी

घड़ी परिचय घडी का मुख घड़ी संख्या हाथ घड़ी घड़ी प्रारंभ

एचटीएमएल गेम

खेल परिचय खेल कैनवास खेल के घटक खेल नियंत्रक खेल बाधाएं गेम स्कोर खेल छवियां खेल ध्वनि गेम ग्रेविटी खेल उछल खेल रोटेशन खेल आंदोलन

एसवीजी ट्यूटोरियल

SVG का मतलब स्केलेबल वेक्टर ग्राफिक्स है।

एसवीजी एक्सएमएल प्रारूप में वेक्टर-आधारित ग्राफिक्स को परिभाषित करता है।


प्रत्येक अध्याय में उदाहरण

हमारे "इसे स्वयं आज़माएं" संपादक के साथ, आप एसवीजी संपादित कर सकते हैं, और परिणाम देखने के लिए एक बटन पर क्लिक कर सकते हैं।

एसवीजी उदाहरण

<html>
<body>

<h1>My first SVG</h1>

<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>

</body>
</html>

आपको पहले से क्या पता होना चाहिए

जारी रखने से पहले, आपको निम्नलिखित की कुछ बुनियादी समझ होनी चाहिए:

  • एचटीएमएल
  • बेसिक एक्सएमएल

यदि आप पहले इन विषयों का अध्ययन करना चाहते हैं, तो हमारे होम पेज पर ट्यूटोरियल खोजें ।


एसवीजी क्या है?

  • SVG का मतलब स्केलेबल वेक्टर ग्राफिक्स है
  • 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 इमेज स्केलेबल हैं
  • एसवीजी छवियों को किसी भी संकल्प पर उच्च गुणवत्ता के साथ मुद्रित किया जा सकता है
  • एसवीजी छवियां ज़ूम करने योग्य हैं
  • SVG ग्राफ़िक्स ज़ूम या आकार बदलने पर कोई गुणवत्ता नहीं खोते हैं
  • एसवीजी एक खुला मानक है
  • एसवीजी फाइलें शुद्ध एक्सएमएल हैं

एसवीजी छवियां बनाना

एसवीजी छवियों को किसी भी टेक्स्ट एडिटर के साथ बनाया जा सकता है, लेकिन एसवीजी छवियों को एक ड्राइंग प्रोग्राम के साथ बनाना अक्सर अधिक सुविधाजनक होता है, जैसे इंकस्केप