तीखा ज़िगज़ैग
मुफ़्त, बिना साइन-अप, आपके ब्राउज़र में चलता है।
नौ बिंदु वक्र के बजाय सीधी रेखाओं से जुड़े। यहाँ कोने ही आकृति हैं, और उन्हें ज़रा भी चिकना करना ज़िगज़ैग को एक ख़राब लहर बना देता है — इसीलिए यह अलग जोड़ शैली है, न कि चिकनाहट का स्लाइडर घटाया हुआ।
इसके पीछे की सेटिंग्स
| जनरेटर | वेव |
|---|---|
| बिंदु | 9 |
| आयाम | 58% |
| यादृच्छिकता | 6% |
| आधार रेखा | 55% |
| परतें | 1 |
| चिकनाहट | 100% |
| बीज | 2024 |
जानने लायक़ बातें
- सीधे खंड, इसलिए फ़ाइल उन्हीं बिंदुओं से गुज़रने वाले वक्र के आकार का एक अंश है।
- यादृच्छिकता कम रखिए: ज़िगज़ैग तभी तक सोचा-समझा लगता है जब तक दाँत मेल खाते हों।
- 264 बाइट पर यह सूची की सबसे छोटी आकृतियों में है।
बाइट में इसकी क़ीमत
यही आकृति SVG के रूप में 264 बाइट की है और CSS बैकग्राउंड के रूप में 425 बाइट की — data URI बड़ा इसलिए है कि प्रतिशत-एन्कोडिंग हर बचाए गए अक्षर के बदले तीन अक्षर लेती है। दोनों आँकड़े ऊपर दिखाई गई आकृति के हैं, निर्देशांकों में दो दशमलव की परिशुद्धता के साथ।
| प्रारूप | आकार |
|---|---|
| SVG | 264 B |
| CSS बैकग्राउंड | 425 B |
| CSS clip-path | 456 B |
तीखा ज़िगज़ैग के SVG की शुरुआत
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none"><path d="M-160 140.02L0 177.61L160 215.5L320 236.17L480 227.82L640 197.67L800 154.53L960 121.73L1120 116.94L1280 139.19L1440 177.19L1440 320L-160 320Z" fill="#4f46e5"/></svg>और विस्तार से
यह यहाँ का कहीं सबसे सस्ता डिवाइडर है, क्योंकि एक रेखा-खंड एक निर्देशांक-जोड़ा लेता है जबकि एक घन तीन। अगर आप पहले से भारी पेज में डिवाइडर जोड़ रहे हैं, तो नौ बिंदुओं का ज़िगज़ैग चार बिंदुओं की चिकनी लहर से कम लेता है — और यक़ीनन ज़्यादा प्रभावशाली आकृति है।
सवाल
तीखा ज़िगज़ैग मिल जाने के बाद मैं इसे कैसे बदलूँ?
जनरेटर खोलिए, प्रीसेट पंक्ति में तीखा ज़िगज़ैग पर क्लिक कीजिए, फिर जो चाहें खिसकाइए। प्रीसेट शुरुआत का बिंदु है, ताला नहीं — हर स्लाइडर चालू रहता है, और बीज वाला ख़ाना शब्द भी लेता है, अगर आप अपनी आकृति को संख्या देने के बजाय नाम देना चाहें।
क्या अगली बार भी यही दिखेगी?
हाँ, जब तक बीज वही है। यह बीज 2024 है, 9 बिंदुओं के साथ। जनरेटर निर्धारणात्मक है, इसलिए ये सेटिंग्स किसी भी डिवाइस पर बिलकुल यही वक्र दोबारा बनाती हैं।
क्या मैं दूसरा रंग इस्तेमाल कर सकता हूँ?
हाँ — रंग निर्यात के समय लगता है, ज्यामिति में पक्का नहीं होता। ऊपर का पूर्वावलोकन उपकरण के डिफ़ॉल्ट रंग का है; जनरेटर में अपना चुन लीजिए और SVG, CSS बैकग्राउंड और clip-path तीनों उसी के साथ चलेंगे।
इस पेज का हर आँकड़ा और हर आकृति बिल्ड के समय जनरेटर चलाकर बनाई गई है, इसलिए यह उसी उपकरण का वर्णन करता है जिसे आप अभी इस्तेमाल करने वाले हैं, न कि उसके किसी पुराने रूप का।