जनरेटर पर जाएँ
वेव और ब्लॉब

नरम ब्लॉब

जनरेटर खोलें

मुफ़्त, बिना साइन-अप, आपके ब्राउज़र में चलता है।

कम यादृच्छिकता के साथ छह बिंदु: पहचानने में ब्लॉब, पर वृत्त के इतने क़रीब कि सामग्री के पीछे बैठकर उससे मुक़ाबला न करे। सजावटी पृष्ठभूमि आकृति के लिए सुरक्षित चुनाव।

इसके पीछे की सेटिंग्स

इसके पीछे की सेटिंग्स
जनरेटरब्लॉब
बिंदु6
यादृच्छिकता28%
चिकनाहट100%
बीज2048

जानने लायक़ बातें

बाइट में इसकी क़ीमत

यही आकृति SVG के रूप में 330 बाइट की है और CSS बैकग्राउंड के रूप में 491 बाइट की — data URI बड़ा इसलिए है कि प्रतिशत-एन्कोडिंग हर बचाए गए अक्षर के बदले तीन अक्षर लेती है। दोनों आँकड़े ऊपर दिखाई गई आकृति के हैं, निर्देशांकों में दो दशमलव की परिशुद्धता के साथ।

बाइट में इसकी क़ीमत
प्रारूप आकार
SVG330 B
CSS बैकग्राउंड491 B
CSS clip-path548 B
CSS border-radius110 B

नरम ब्लॉब के SVG की शुरुआत

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 33.65C118.88 33.14,151.1 49.98,159.29 65.77C167.49 81.56,159.05 113.2,149.17 128.39C139.29 143.58,116.48 156.87,100 156.92C83.52 156.98,59.27 143.39,50.27 128.71C41.27 114.03,37.71 84.67,46 68.82C54.29 52.98,81.12 34.16,100 33.65Z" fill="#4f46e…

और विस्तार से

ब्लॉब बंद वक्र होते हैं, जिससे आख़िरी और पहले बिंदु के बीच का जोड़ बाक़ी जोड़ों जैसा ही होता है — पर तभी, जब पड़ोसी खोजने की प्रक्रिया घूमकर वापस आए। खुली वक्र वाला कोड दोबारा इस्तेमाल करने पर वहाँ कटाव हो जाता है, और नतीजा होता है एक अन्यथा गोल आकृति में एक अकेला चपटा खाँचा। इस तरह के जनरेटरों की यही सबसे आम ख़राबी है, जब तक कोई ब्लॉब को बड़ा न करे तब तक अदृश्य रहती है, और परीक्षण-समूह हर बनी आकृति पर उस सीवन की स्पष्ट रूप से जाँच करता है।

सवाल

नरम ब्लॉब मिल जाने के बाद मैं इसे कैसे बदलूँ?

जनरेटर खोलिए, प्रीसेट पंक्ति में नरम ब्लॉब पर क्लिक कीजिए, फिर जो चाहें खिसकाइए। प्रीसेट शुरुआत का बिंदु है, ताला नहीं — हर स्लाइडर चालू रहता है, और बीज वाला ख़ाना शब्द भी लेता है, अगर आप अपनी आकृति को संख्या देने के बजाय नाम देना चाहें।

क्या अगली बार भी यही दिखेगी?

हाँ, जब तक बीज वही है। यह बीज 2048 है, 6 बिंदुओं के साथ। जनरेटर निर्धारणात्मक है, इसलिए ये सेटिंग्स किसी भी डिवाइस पर बिलकुल यही वक्र दोबारा बनाती हैं।

क्या मैं दूसरा रंग इस्तेमाल कर सकता हूँ?

हाँ — रंग निर्यात के समय लगता है, ज्यामिति में पक्का नहीं होता। ऊपर का पूर्वावलोकन उपकरण के डिफ़ॉल्ट रंग का है; जनरेटर में अपना चुन लीजिए और SVG, CSS बैकग्राउंड और clip-path तीनों उसी के साथ चलेंगे।

इस पेज का हर आँकड़ा और हर आकृति बिल्ड के समय जनरेटर चलाकर बनाई गई है, इसलिए यह उसी उपकरण का वर्णन करता है जिसे आप अभी इस्तेमाल करने वाले हैं, न कि उसके किसी पुराने रूप का।

संबंधित