SVG वेव जेनरेटर

SVG वेव जेनरेटर का उपयोग कैसे करें

SVG वेव जेनरेटर साफ़, तैयार-पेस्ट SVG कोड के रूप में लेयर्ड वेव शेप बनाता है। हर लेयर एक स्मूद क्यूबिक-बेज़ियर कर्व है जो साझा दो-रंग लीनियर ग्रेडिएंट से भरी होती है — यह हीरो सेक्शन बैकग्राउंड, पेज डिवाइडर और फ़ूटर डेकोरेशन के लिए परफ़ेक्ट है। सब कुछ ब्राउज़र में जनरेट होता है — कुछ भी अपलोड नहीं होता।

1. Layers सेलेक्टर में चुनें कि कितनी लेयर (1-5) चाहिए। लेयरें पीछे से आगे ड्रॉ होती हैं, इसलिए हर नई लेयर पिछली के ऊपर पेंट होती है।
2. दो कलर पिकर से ग्रेडिएंट का शुरुआती और आख़िरी रंग चुनें — हर लेयर यही लीनियर ग्रेडिएंट साझा करती है।
3. हर लेयर को उसके चार स्लाइडर से ठीक करें: Baseline height वेव को ऊपर-नीचे खिसकाता है, Amplitude शिखरों की ऊँचाई तय करता है, Wavelength शिखरों के बीच का आड़ा फ़ासला नियंत्रित करता है, और Smoothness सीधी ज़िगज़ैग रेखाओं (0%) से पूरी साइनसॉइडल क्यूबिक-बेज़ियर कर्व (100%) तक मिलाता है।
4. ताज़ा लेयर-संख्या, आकार और रंगों का नया संयोजन तुरंत पाने के लिए Randomize दबाएँ — जब तक कुछ सही न लगे।
5. .svg फ़ाइल सेव करने के लिए Download SVG दबाएँ, या पूरा SVG मार्कअप क्लिपबोर्ड पर रखने के लिए Copy source — किसी भी HTML फ़ाइल या डिज़ाइन टूल में सीधे पेस्ट करने के लिए तैयार।

वेबसाइट सेक्शन डिवाइडर के लिए SVG को दो ब्लॉकों के बीच रखें और उसे 100% चौड़ाई तक खिंचने दें — viewBox किसी भी साइज़ में कर्व को बिगाड़ता नहीं। कम smoothness + छोटी wavelength पर हाथ से बनाया लुक मिलता है, और पूरी smoothness + लंबी wavelength पर शांत समुद्र जैसा।