फूल
मुफ़्त, बिना साइन-अप, आपके ब्राउज़र में चलता है।
तारे जैसी ही बारी-बारी त्रिज्याएँ, पर चिकनाहट अधिकतम पर, जिससे हर नोक एक गोल पंखुड़ी बन जाती है। नतीजा ज्यामितीय से ज़्यादा वानस्पतिक है, और सामग्री के पीछे बड़ा व हल्का रखने पर अच्छा चलता है।
इसके पीछे की सेटिंग्स
| जनरेटर | ब्लॉब |
|---|---|
| बिंदु | 6 |
| यादृच्छिकता | 10% |
| चिकनाहट | 150% |
| बीज | 701 |
जानने लायक़ बातें
- अधिकतम चिकनाहट हर काँटे को पंखुड़ी बना देती है।
- छह पंखुड़ियाँ सबसे ज़्यादा फूल जैसी हैं; चार तिपतिया लगती हैं, दस गुलबहार।
- 557 बाइट पर यह यहाँ की सबसे बारीक आकृति है, क्योंकि बारह बिंदुओं में से हर एक घन खंड लिए चलता है।
बाइट में इसकी क़ीमत
यही आकृति SVG के रूप में 557 बाइट की है और CSS बैकग्राउंड के रूप में 718 बाइट की — data URI बड़ा इसलिए है कि प्रतिशत-एन्कोडिंग हर बचाए गए अक्षर के बदले तीन अक्षर लेती है। दोनों आँकड़े ऊपर दिखाई गई आकृति के हैं, निर्देशांकों में दो दशमलव की परिशुद्धता के साथ।
| प्रारूप | आकार |
|---|---|
| SVG | 557 B |
| CSS बैकग्राउंड | 718 B |
| CSS clip-path | 775 B |
| CSS border-radius | 104 B |
फूल के SVG की शुरुआत
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 37.57C108.24 37.5,102.78 63.66,116.56 71.31C130.34 78.96,151.28 61,155.12 68.18C158.96 75.35,131.93 84.08,131.94 100C131.95 115.92,159.03 124.73,155.15 131.84C151.28 138.96,130.22 121.26,116.43 128.46C102.64 135.66,108.05 160.93,100 160.64C91.9…
और विस्तार से
यह सूची की सबसे महँगी आकृति है, और बाइट काउंटर इसे प्रकाशित करने से पहले ही यह बात सामने रख देता है। वही रूप कम में चाहिए तो चार पंखुड़ियों पर आ जाइए: लागत आधी हो जाती है, और जिन आकारों में पृष्ठभूमि आकृति आमतौर पर इस्तेमाल होती है वहाँ फ़र्क़ देखना मुश्किल है।
सवाल
फूल मिल जाने के बाद मैं इसे कैसे बदलूँ?
जनरेटर खोलिए, प्रीसेट पंक्ति में फूल पर क्लिक कीजिए, फिर जो चाहें खिसकाइए। प्रीसेट शुरुआत का बिंदु है, ताला नहीं — हर स्लाइडर चालू रहता है, और बीज वाला ख़ाना शब्द भी लेता है, अगर आप अपनी आकृति को संख्या देने के बजाय नाम देना चाहें।
क्या अगली बार भी यही दिखेगी?
हाँ, जब तक बीज वही है। यह बीज 701 है, 6 बिंदुओं के साथ। जनरेटर निर्धारणात्मक है, इसलिए ये सेटिंग्स किसी भी डिवाइस पर बिलकुल यही वक्र दोबारा बनाती हैं।
क्या मैं दूसरा रंग इस्तेमाल कर सकता हूँ?
हाँ — रंग निर्यात के समय लगता है, ज्यामिति में पक्का नहीं होता। ऊपर का पूर्वावलोकन उपकरण के डिफ़ॉल्ट रंग का है; जनरेटर में अपना चुन लीजिए और SVG, CSS बैकग्राउंड और clip-path तीनों उसी के साथ चलेंगे।
इस पेज का हर आँकड़ा और हर आकृति बिल्ड के समय जनरेटर चलाकर बनाई गई है, इसलिए यह उसी उपकरण का वर्णन करता है जिसे आप अभी इस्तेमाल करने वाले हैं, न कि उसके किसी पुराने रूप का।