SVG ब्लॉब जनरेटर

SVG ब्लॉब जनरेटर क्या है?

SVG ब्लॉब जनरेटर डिज़ाइनरों और फ्रंट-एंड डेवलपरों के लिए एक मुफ़्त इन-ब्राउज़र टूल है, जो पृष्ठभूमि, हीरो सेक्शन, अवतार या सजावटी उच्चारण के लिए नरम, ऑर्गेनिक ब्लॉब आकृतियाँ हाथ से बनाए बिना चाहते हैं। आप दो मान नियंत्रित करते हैं: जटिलता (आकृति के चारों ओर एंकर बिंदुओं की संख्या) और कंट्रास्ट (प्रत्येक बिंदु एक पूर्ण वृत्त से कितना हटता है)। स्टेट में रखी एक सीड, जो फिर से बनाएँ बटन से बढ़ती है, आपको जटिलता और कंट्रास्ट स्थिर रखते हुए अनगिनत विविधताओं में घूमने देती है। आउटपुट एक चिकने बंद बेज़ियर पथ के रूप में रेंडर होता है, इसलिए आप साफ़ SVG मार्कअप कॉपी कर सकते हैं, किसी भी एलिमेंट को मास्क करने के लिए CSS clip-path() नियम पा सकते हैं, या उपयोग के लिए तैयार .svg फ़ाइल डाउनलोड कर सकते हैं। इसका उपयोग ब्रांड के अनुरूप सजावट जल्दी बनाने या यह सीखने के लिए करें कि वृत्त के चारों ओर के बिंदुओं से ब्लॉब पथ कैसे बनते हैं।

SVG ब्लॉब जनरेटर का उपयोग कैसे करें

1. सेटिंग खोलें और आकृति के लिए जटिलता (बिंदुओं की संख्या, 3-16) सेट करें।
2. किनारे कितने अनियमित और लहरदार हों, यह नियंत्रित करने के लिए कंट्रास्ट (0-100) सेट करें।
3. रंग चिप से या HEX मान टाइप करके भरण रंग चुनें।
4. अगली सीड से नई यादृच्छिक विविधता पाने के लिए फिर से बनाएँ पर क्लिक करें, जब तक आकृति पसंद न आ जाए।
5. SVG मार्कअप या CSS clip-path नियम कॉपी करें, या .svg फ़ाइल सहेजने के लिए डाउनलोड पर क्लिक करें।

उदाहरण

अक्सर पूछे जाने वाले सवाल

जटिलता और कंट्रास्ट क्या नियंत्रित करते हैं?

जटिलता एक वृत्त के चारों ओर समान रूप से रखे गए एंकर बिंदुओं की संख्या है (3 से 16) — अधिक बिंदु अधिक विस्तृत रूपरेखा बनाते हैं। कंट्रास्ट यह है कि प्रत्येक बिंदु आधार त्रिज्या से अंदर या बाहर यादृच्छिक रूप से कितना धकेला जाता है (0 से 100), इसलिए 0 एक साधारण वृत्त के करीब है और 100 अत्यधिक अनियमित है।

फिर से बनाएँ बटन कैसे काम करता है?

प्रत्येक ब्लॉब एक संख्यात्मक सीड के साथ आपकी जटिलता और कंट्रास्ट से बनता है। फिर से बनाएँ सीड को एक बढ़ाता है और आकृति की फिर से गणना करता है, इसलिए हर क्लिक पर आपको एक नई यादृच्छिक विविधता मिलती है जबकि जटिलता, कंट्रास्ट और रंग वही रहते हैं।

SVG और clip-path आउटपुट में क्या अंतर है?

SVG आउटपुट एक पूर्ण, स्वतंत्र <svg> फ़ाइल है जिसे आप एम्बेड या डाउनलोड कर सकते हैं। clip-path आउटपुट path() का उपयोग करने वाला एक एकल CSS नियम है जिसे आप किसी भी HTML एलिमेंट पर लागू करके उसे उसी ब्लॉब रूपरेखा में काट सकते हैं।

क्या मैं रंग बदलकर फ़ाइल डाउनलोड कर सकता हूँ?

हाँ। रंग चिप या HEX मान से भरण रंग सेट करें; प्रीव्यू, SVG और डाउनलोड सभी इसका उपयोग करते हैं। पूरी तरह आपके ब्राउज़र में बनी blob.svg फ़ाइल सहेजने के लिए डाउनलोड पर क्लिक करें।

क्या मेरी आकृतियाँ या सेटिंग किसी सर्वर पर भेजी जाती हैं?

नहीं। ब्लॉब एक स्थानीय सीड-आधारित यादृच्छिक फ़ंक्शन से बनता है और सभी SVG तथा clip-path स्ट्रिंग आपके ब्राउज़र में बनती हैं। कुछ भी अपलोड नहीं होता, इसलिए टूल ऑफ़लाइन काम करता है और आपका कार्य निजी रहता है।