SVG
मुफ़्त, बिना साइन-अप, आपके ब्राउज़र में चलता है।
सादा रूप: एक `<svg>` एलिमेंट, हर परत के लिए एक पथ। इसे अपने मार्कअप में चिपका दीजिए, या फ़ाइल के रूप में डाउनलोड करके किसी भी दूसरे संसाधन जैसा बरतिए। जब आप पेज में एक एलिमेंट जोड़ सकते हों तो यही निर्यात इस्तेमाल कीजिए।
SVG का एक निर्यात, पहली कुछ पंक्तियों तक छाँटा हुआ
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 38L153.69 69L153.69 131L100 162L46.31 131L46.31 69Z" fill="#4f46e5"/></svg>जानने लायक़ बातें
- हर जगह चलता है, और ब्राउज़र समर्थन की कोई चेतावनी ज़िक्र लायक़ नहीं।
- हर परत अलग `<path>` है, इसलिए पेस्ट करने के बाद आप उन्हें अलग-अलग शैली दे सकते हैं।
- वेव पर `preserveAspectRatio="none"` होता है ताकि वे किसी भी चौड़ाई तक खिंचें; ब्लॉब अपना अनुपात बनाए रखते हैं।
- न जनरेटर की टिप्पणी, न पहचान चिह्न, न यहाँ वापस आने का लिंक।
ब्राउज़र समर्थन
सार्वभौमिक। जिन ब्राउज़रों पर आज भी कोई परीक्षण करता है, उन सब में SVG एक दशक से कहीं ज़्यादा समय से समर्थित है, और इस आउटपुट में कुछ भी नया फ़ीचर इस्तेमाल नहीं करता — ये पथ और भराव भर हैं।
सभी प्रीसेट में आकार
हर वह प्रीसेट जिसे यह प्रारूप व्यक्त कर सकता है, ठीक वैसे मापा गया जैसे जनरेटर उसे देता है। सबसे छोटा षट्भुज है, 151 बाइट पर; सबसे बड़ा परतदार वेव है, 898 बाइट पर। फ़र्क़ बिंदुओं की संख्या से आता है — हर अतिरिक्त बिंदु निर्देशांकों का एक पूरा घन खंड जोड़ देता है।
| प्रारूप | आकार |
|---|---|
| षट्भुज | 151 B |
| क्रिस्टल | 156 B |
| पहलदार रत्न | 182 B |
| गोल त्रिभुज | 217 B |
| पर्वत शिखर | 231 B |
| झटका | 246 B |
| तीखा ज़िगज़ैग | 264 B |
| गहरी वेव | 282 B |
| कंकड़ | 294 B |
| बादल किनारा | 295 B |
| मेहराबी कटाव | 319 B |
| हल्की वेव | 322 B |
| नरम ब्लॉब | 330 B |
| सीढ़ीनुमा | 358 B |
| झालर | 382 B |
| ऑर्गैनिक ब्लॉब | 402 B |
| चमक | 408 B |
| ऑर्गैनिक वेव | 478 B |
| फ़ुटर वेव | 551 B |
| तारा | 551 B |
| फूल | 557 B |
| बुलबुला | 559 B |
| पिक्सेल किनारा | 579 B |
| छींटा | 641 B |
| लहरें | 655 B |
| परतदार वेव | 898 B |
और विस्तार से
समझने लायक़ अकेला गुण `preserveAspectRatio` है। वेव पर यह `none` होता है, जिससे आकृति अपने कंटेनर की जो भी चौड़ाई हो वहाँ तक क्षैतिज रूप से खिंच जाती है — और यही एक ही डिवाइडर को फ़ोन और चौड़े मॉनिटर दोनों पर बिना पट्टियों के चलाता है। ब्लॉब पर इसे छेड़ा नहीं जाता, क्योंकि कंटेनर के अनुपात तक खींचा गया ब्लॉब कुछ अतिरिक्त क़दमों वाला दीर्घवृत्त भर है।
सवाल
SVG के रूप में कौन-सी आकृतियाँ चलती हैं?
यह प्रारूप वेव, ब्लॉब को कवर करता है। यह असली बंदिश है, इस उपकरण की कमी नहीं: जहाँ कोई जनरेटर उस सूची में नहीं है, वहाँ प्रारूप सचमुच उसे व्यक्त नहीं कर सकता, और फिर भी उसे देना आपको ऐसी चीज़ थमाना होता जो चुपचाप ग़लत आकृति बनाती।
SVG का निर्यात कितना बड़ा होता है?
इसे समर्थन देने वाले 26 प्रीसेट में 151 से 898 बाइट के बीच। कम बिंदु ही वह लीवर है जो मायने रखता है; चिकनाहट और रंग कुछ नहीं लेते।
क्या मैं बाद में इसे हाथ से बदल सकता हूँ?
हाँ। आउटपुट सादा पाठ है — न जनरेटर की टिप्पणी, न पहचान चिह्न, न यहाँ वापस आने का लिंक। रंग बदलिए, क्लास का नाम बदलिए, या पथ को अपने SVG में चिपका दीजिए: आगे कुछ भी इस पर निर्भर नहीं कि यह जैसा था वैसा ही रहे।
इस पेज का हर आँकड़ा और हर आकृति बिल्ड के समय जनरेटर चलाकर बनाई गई है, इसलिए यह उसी उपकरण का वर्णन करता है जिसे आप अभी इस्तेमाल करने वाले हैं, न कि उसके किसी पुराने रूप का।