SVG लहर पैटर्न जेनरेटर

यह कैसे काम करता है

पैटर्न कई अर्ध-पारदर्शी साइन-वक्रों को एक के ऊपर एक रखकर बनता है, सबसे ऊपर वाले (ज़्यादा पतले और ज़्यादा ठोस) से लेकर सबसे नीचे वाले (ज़्यादा चौड़े और ज़्यादा हल्के) तक, ताकि गहराई का वैसा एहसास मिले जैसा होमपेज के सेक्शन के नीचे लगने वाले पारंपरिक "लहर" बैनर में होता है। हर परत का फ़ेज़ थोड़ा अलग होता है ताकि वक्र पूरी तरह एक-दूसरे पर न चढ़ें।

क्या डाउनलोड की गई फ़ाइल किसी भी साइज़ पर पूरी गुणवत्ता बनाए रखती है?

हाँ, यह असली वेक्टर SVG है: आप इसे जस का तस वेब पेज में जोड़ सकते हैं (यह अपने viewBox की मदद से कंटेनर की चौड़ाई के अनुसार ढल जाता है) या किसी डिज़ाइन सॉफ़्टवेयर में बिना स्पष्टता खोए बड़ा कर सकते हैं, जबकि बिटमैप इमेज में ऐसा नहीं होता।

इसे अपनी साइट पर सेक्शन बैकग्राउंड के रूप में कैसे इस्तेमाल करूँ?

SVG कोड कॉपी करके सीधे अपने HTML में पेस्ट करें, या फ़ाइल डाउनलोड करके उसे CSS बैकग्राउंड इमेज के रूप में लगाएँ। सेक्शन के नीचे बैनर जैसा प्रभाव पाने के लिए इसे position: absolute; bottom: 0 और width: 100% के साथ रखें।

पैटर्न का जेनरेशन पूरी तरह आपके ब्राउज़र में JavaScript से होता है, कोई नेटवर्क कॉल नहीं की जाती।