SVG धारी पैटर्न जेनरेटर
अपनी पसंद का वेक्टर धारी पैटर्न बनाएँ: रंग, मोटाई और कोण सेट किए जा सकते हैं। SVG फ़ाइल डाउनलोड करें या कोड सीधे कॉपी करके अपनी साइट में जोड़ें। जेनरेशन 100% लोकल है, सर्वर को कुछ नहीं भेजा जाता।
यह कैसे काम करता है
बैनर की पृष्ठभूमि, सेक्शन के बैकग्राउंड या इलस्ट्रेशन में इस्तेमाल होने वाला धारी पैटर्न हर स्क्रीन साइज़ पर साफ़ दिखना चाहिए। उसे PNG की जगह SVG में बनाने पर पैटर्न वेक्टर ही रहता है: वह बड़ा होने या दोहराने पर कभी धुंधला या पिक्सलेट नहीं होता। दोनों रंग, धारियों की मोटाई और उनका कोण सेट करें, फिर इस्तेमाल के लिए तैयार फ़ाइल पाएँ।
इस पैटर्न को CSS बैकग्राउंड के रूप में कैसे इस्तेमाल करूँ?
SVG फ़ाइल डाउनलोड करें और उसे background-image: url('motif-rayures.svg') के ज़रिए बैकग्राउंड के रूप में लगाएँ, या अतिरिक्त HTTP अनुरोध से बचना चाहें तो SVG कोड कॉपी करके उसे data URI में एन्कोड करें।
क्या पैटर्न बड़े क्षेत्र में अपने आप दोहराता है?
हाँ: धारियाँ एक नेटिव SVG <pattern> एलिमेंट से बनती हैं, जो चुने गए आयत के आकार की परवाह किए बिना तय क्षेत्र में टाइल की तरह दोहराता है। इसलिए आप छोटा पैटर्न बनाकर ज़रूरत पड़ने पर उसे CSS background-repeat के साथ इस्तेमाल कर सकते हैं।
गोपनीयता: SVG पूरी तरह आपके ब्राउज़र में बनाया जाता है, कोई डेटा या सेटिंग सर्वर को नहीं भेजी जाती।