SVG ब्लॉब जनरेटर
- फ़ाइलें आपके डिवाइस से बाहर नहीं जातीं
- ब्राउज़र में चलता है
- मुफ़्त, बिना खाते, बिना वॉटरमार्क
Press R or Space for a new blob.
SVG ब्लॉब जनरेटर का उपयोग कैसे करें
यादृच्छिक जैविक ब्लॉब आकृतियाँ बनाएँ और उन्हें SVG, PNG या React घटक के रूप में निर्यात करें। बिंदु, कंट्रास्ट, परतें, ग्रेडिएंट भराव और आउटलाइन शैली समायोजित करें, और वैकल्पिक मॉर्फ़ एनिमेशन जोड़ें। हर आकृति एक सीड संख्या से आती है और आपके ब्राउज़र में बनती है।
- 1
नया ब्लॉब पर क्लिक करें, या R या Space दबाएँ, जब तक आकृति पसंद न आए। पहले की आकृतियाँ हाल के ब्लॉब के अंतर्गत रहती हैं।
- 2
आकृति के अंतर्गत जटिलता, कंट्रास्ट, आकार और परतें समायोजित करें।
- 3
रंग के अंतर्गत पैलेट में से एक चुनें या ठोस या ग्रेडिएंट भराव सेट करें, और यदि केवल किनारा चाहिए तो शैली को आउटलाइन पर बदलें।
- 4
कैनवास चौड़ाई और ऊँचाई सेट करें, ज़रूरत हो तो पृष्ठभूमि रंग चालू करें, और चलती आकृति के लिए मॉर्फ़ एनिमेशन सक्षम करें।
- 5
SVG डाउनलोड करें पर क्लिक करें, या 1×, 2× या 4× का PNG स्केल चुनकर PNG पर क्लिक करें। SVG कॉपी करें और React कॉपी करें कोड क्लिपबोर्ड पर रखते हैं।
अक्सर पूछे जाने वाले प्रश्न
क्या बाद में वही ब्लॉब फिर पा सकता हूँ?
हाँ। आकृति सीड से आती है, इसलिए वही सीड उन्हीं सेटिंग के साथ हमेशा वही ब्लॉब देता है। संख्या नोट करें और उसे सीड में वापस टाइप करें।
क्या पृष्ठभूमि पारदर्शी है?
हाँ, डिफ़ॉल्ट रूप से। भरा कैनवास चाहिए तभी पृष्ठभूमि रंग चालू करें।
क्या एनिमेशन निर्यातित फ़ाइल में चलता है?
मॉर्फ़ एनिमेशन SVG के अंतर्निहित animate तत्व का उपयोग करता है, इसलिए यह अतिरिक्त CSS या JavaScript के बिना SVG और React निर्यात में चलता है। PNG हमेशा एक स्थिर फ़्रेम है।
React प्रोजेक्ट में ब्लॉब कैसे उपयोग करूँ?
React कॉपी करें एक घटक देता है जो SVG लौटाता है और अपने props svg तत्व को देता है, ताकि आप className या style जोड़ सकें।
क्या कुछ अपलोड होता है?
नहीं। आकृतियाँ पूरी तरह आपके ब्राउज़र में गणना और निर्यात होती हैं।