डिज़ाइन / SVG
SVG ब्लॉब जनरेटर (रैंडम ऑर्गेनिक आकार)
बैकग्राउंड और इलस्ट्रेशन के लिए चिकने, रैंडम ब्लॉब आकार बनाएँ: बिंदुओं की संख्या और अनियमितता चुनें, एक रंग या दो रंगों वाला ग्रेडिएंट चुनें, फिर SVG डाउनलोड या कॉपी करें।
SVG ब्लॉब जनरेटर (रैंडम ऑर्गेनिक आकार): बिंदुओं को एक वृत्त के चारों ओर समान दूरी पर रखा जाता है और हर बिंदु को रैंडम मात्रा में केंद्र की ओर खींचा जाता है। इसके बाद उन्हें एक चिकने बंद वक्र से जोड़ा जाता है। कम बिंदु और अधिक अनियमितता से उबड़-खाबड़ आकार बनते हैं; अधिक बिंदु और कम अनियमितता से हल्के, लगभग गोल आकार बनते हैं। यह आपके ब्राउज़र में 100% स्थानीय रूप से चलता है और सर्वर पर कोई फ़ाइल अपलोड नहीं होती।
- श्रेणी
- डेवलपर टूल्स
- रन
- आपके ब्राउज़र में
- लागत
- मुफ़्त · साइन अप की ज़रूरत नहीं
- उपलब्धता
- इस्तेमाल के लिए तैयार
पूरी तरह आपके ब्राउज़र में चलता है
SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="400" height="400"><path d="M359.5,200 C360.7,243.5 315.4,319 278.8,336.4 C242.1,353.9 174.7,327.5 139.5,304.7 C104.4,282 69.5,237.5 68,200 C66.4,162.5 96.4,100.3 130.4,79.5 C164.4,58.7 233.7,55.4 271.9,75.5 C310.1,95.6 358.4,156.5 359.5,200 Z" fill="#63c42d"/></svg>
बिंदुओं को एक वृत्त के चारों ओर समान दूरी पर रखा जाता है, फिर हर बिंदु को रैंडम मात्रा में केंद्र की ओर खींचकर एक चिकनी बंद वक्र रेखा से जोड़ा जाता है। कम बिंदु और अधिक रैंडमनेस से आकार अधिक उभरे हुए बनते हैं; 0% रैंडमनेस से वृत्त बनता है। ब्लॉब फ़ोटो, आइकन और हेडिंग के पीछे नरम पृष्ठभूमि बनाते हैं।
उपयोग
ब्लॉब, प्रोडक्ट फ़ोटो, आइकन, अवतार और शीर्षकों के पीछे हल्की पृष्ठभूमि बनाने के काम आते हैं। टेक्स्ट के पीछे हल्का रंग या कम opacity वाला fill इस्तेमाल करें, ताकि टेक्स्ट का contrast बना रहे; frosted glass के पीछे ब्लॉब देखने के लिए इसे ग्लासमॉर्फ़िज़्म के साथ इस्तेमाल करें।
एडिटिंग
आउटपुट cubic Bézier curves वाला एक path है, इसलिए यह किसी भी vector editor में खुल जाता है। कुछ points को हाथ से बदलने के लिए इसे SVG एडिटर में पेस्ट करें।
इस्तेमाल करने का तरीका
- बिंदुओं की संख्या और अनियमितता चुनें।
- एक रंग या ग्रेडिएंट चुनें।
- अपनी पसंद का ब्लॉब मिलने तक नए ब्लॉब बनाने के लिए क्लिक करें, फिर SVG डाउनलोड या कॉपी करें।
गोपनीयता और सीमाएँ
आकार आपके ब्राउज़र में बनाए जाते हैं।
संबंधित टूल्स
अक्सर पूछे जाने वाले सवाल
मैं किसी फ़ोटो को ब्लॉब के अंदर कैसे रखूँ?
पाथ कॉपी करें और उसे SVG clipPath में इस्तेमाल करें, या ब्लॉब सेव करके फ़ोटो के ऊपर CSS mask-image के रूप में इस्तेमाल करें।
क्या मैं किसी ब्लॉब को ऐनिमेट कर सकता हूँ?
हाँ: समान संख्या में बिंदुओं वाले 2 ब्लॉब बनाएँ और उनके path के d attribute के बीच ऐनिमेशन चलाएँ; समान बिंदु-संख्या से आकार का बदलाव सहज रहता है।
क्या आकार की कोई सीमा है?
SVG 400 × 400 है, लेकिन स्पष्टता खोए बिना इसे किसी भी आकार में स्केल किया जा सकता है।
मुफ़्त टूल · आपके ब्राउज़र में बार चलता है · अकाउंट की ज़रूरत नहीं