मेहराबी कटाव
मुफ़्त, बिना साइन-अप, आपके ब्राउज़र में चलता है।
झालर का उलटा रूप: चाप रंगीन क्षेत्र से बाहर निकलने के बजाय उसके भीतर मुड़ते हैं, और किनारे पर मेहराबी खुलेपन की एक क़तार छोड़ जाते हैं। सजावटी से ज़्यादा स्थापत्य-जैसा, और स्तंभ-पंक्ति या दीर्घा का आभास देने वाली किसी भी चीज़ के लिए स्पष्ट चुनाव।
इसके पीछे की सेटिंग्स
| जनरेटर | वेव |
|---|---|
| बिंदु | 6 |
| आयाम | 62% |
| यादृच्छिकता | 0% |
| आधार रेखा | 50% |
| परतें | 1 |
| चिकनाहट | 100% |
| बीज | 302 |
जानने लायक़ बातें
- चाप उल्टी दिशा में बहते हैं, जो एक चेकबॉक्स है, अलग आकृति नहीं।
- छह मेहराब उस सीमा के पास हैं जिसके बाद खुलेपन पढ़े जाने लायक़ नहीं रहते।
- 319 बाइट पर यह बाहरी रूप जितना ही लेता है।
बाइट में इसकी क़ीमत
यही आकृति SVG के रूप में 319 बाइट की है और CSS बैकग्राउंड के रूप में 480 बाइट की — data URI बड़ा इसलिए है कि प्रतिशत-एन्कोडिंग हर बचाए गए अक्षर के बदले तीन अक्षर लेती है। दोनों आँकड़े ऊपर दिखाई गई आकृति के हैं, निर्देशांकों में दो दशमलव की परिशुद्धता के साथ।
| प्रारूप | आकार |
|---|---|
| SVG | 319 B |
| CSS बैकग्राउंड | 480 B |
| CSS clip-path | 511 B |
मेहराबी कटाव के SVG की शुरुआत
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none"><path d="M-240 160A120 75.39 0 0 0 0 160A120 75.39 0 0 0 240 160A120 75.39 0 0 0 480 160A120 75.39 0 0 0 720 160A120 75.39 0 0 0 960 160A120 75.39 0 0 0 1200 160A120 75.39 0 0 0 1440 160L1440 320L-240 320Z" fill="#4f46e5"/></svg>और विस्तार से
भीतरी और बाहरी मेहराब वही चाप कमांड हैं, बस स्वीप फ़्लैग उलटा हुआ — इसीलिए यह एक चेकबॉक्स है, अलग प्रीसेट परिवार नहीं। इसी वजह से दोनों के बाइट भी बिलकुल एक जैसे हैं: पथ में एक अंक के सिवा कुछ नहीं बदलता।
सवाल
मेहराबी कटाव मिल जाने के बाद मैं इसे कैसे बदलूँ?
जनरेटर खोलिए, प्रीसेट पंक्ति में मेहराबी कटाव पर क्लिक कीजिए, फिर जो चाहें खिसकाइए। प्रीसेट शुरुआत का बिंदु है, ताला नहीं — हर स्लाइडर चालू रहता है, और बीज वाला ख़ाना शब्द भी लेता है, अगर आप अपनी आकृति को संख्या देने के बजाय नाम देना चाहें।
क्या अगली बार भी यही दिखेगी?
हाँ, जब तक बीज वही है। यह बीज 302 है, 6 बिंदुओं के साथ। जनरेटर निर्धारणात्मक है, इसलिए ये सेटिंग्स किसी भी डिवाइस पर बिलकुल यही वक्र दोबारा बनाती हैं।
क्या मैं दूसरा रंग इस्तेमाल कर सकता हूँ?
हाँ — रंग निर्यात के समय लगता है, ज्यामिति में पक्का नहीं होता। ऊपर का पूर्वावलोकन उपकरण के डिफ़ॉल्ट रंग का है; जनरेटर में अपना चुन लीजिए और SVG, CSS बैकग्राउंड और clip-path तीनों उसी के साथ चलेंगे।
इस पेज का हर आँकड़ा और हर आकृति बिल्ड के समय जनरेटर चलाकर बनाई गई है, इसलिए यह उसी उपकरण का वर्णन करता है जिसे आप अभी इस्तेमाल करने वाले हैं, न कि उसके किसी पुराने रूप का।