डिजाइनर हीरो पैटर्न से मुफ्त एसवीजी पृष्ठभूमि पैटर्न प्राप्त करें

सभी आधुनिक वेब ब्राउज़र एसवीजी का समर्थन करें और उसका सबसे लचीला छवि प्रारूप आप उपयोग कर सकते हैं। परंतु कस्टम एसवीजी को खरोंच से डिजाइन करना कोई आसान काम नहीं है.

इसलिए एक उपकरण की तरह हीरो पैटर्न डिजाइनरों के लिए इतना मूल्यवान हो सकता है। यह एक मुक्त पुस्तकालय है दोहराए जाने वाले एसवीजी पैटर्न वह आप कर सकते हैं अनुकूलित करें विभिन्न शैलियों, रंगों, और अपारदर्शिता के साथ.

हीरो पैटर्न अच्छा है 40 से अधिक विभिन्न पैटर्न से चुनने के लिए और वे सभी होमपेज पर सही सूचीबद्ध हैं। जैसे ही आप नीचे स्क्रॉल करते हैं, आप देखेंगे हर एक के लिए लाइव डेमो और आप उनमें से किसी पर क्लिक करके देख सकते हैं कि वे कैसे दिखते हैं.

पृष्ठ के शीर्ष पर, आपको सेटिंग्स के साथ एक निश्चित बार मिलेगा अग्रभूमि और पृष्ठभूमि रंग बदलें. पृष्ठभूमि रंग पर लागू होता है सपाट सतह और अग्रभूमि रंग पर लागू होता है एसवीजी में पैटर्न.

को धन्यवाद प्राकृतिक सम्मिश्रण शैली, एक खराब रंग कॉम्बो के साथ आना मुश्किल है (हालांकि निश्चित रूप से अभी भी संभव है)। पैटर्न से लेकर चेकर्स सेवा मेरे विस्तृत दोहराए जाने वाले आइकन एंकर की तरह.

जब आपको एक पैटर्न मिलता है, तो आप उसे पसंद करते हैं उस ब्लॉक पर क्लिक करें अधिक विवरण के साथ एक मोडल विंडो के लिए। यहां से, आप समायोजित कर सकते हैं अग्रभूमि / पृष्ठभूमि रंग, साथ में माउस के लिए अग्रभूमि अस्पष्टता.

लेकिन असली जादू होता है कोड स्निपेट बॉक्स में जहां तुम कर सकते हो CSS को कॉपी करें एसवीजी को एम्बेड करने के लिए विशुद्ध रूप से कोड के माध्यम से. CSS में a बेस 64 () करने की विधि स्ट्रिंग डेटा को SVG डेटा में बदलें. ये है काफी आम और यह पीएनजी जैसे अन्य चित्रों के साथ भी काम करता है.

इसलिए यदि आप नहीं चाहते कि स्थानीय स्तर पर एसवीजी फ़ाइल संग्रहीत हो तो आप बस कर सकते हैं CSS कोड को कॉपी / पेस्ट करें अपनी स्टाइलशीट में सही। यह करेगा दोहराए जाने वाली पृष्ठभूमि को एम्बेड करें आपकी साइट में सही रंगों के साथ। कितना ठंडा है!

या, यदि आप बल्कि स्वयं एसवीजी संपादित करें आप ऐसा कर सकते हैं संयुक्त एसवीजी छवि की एक प्रति डाउनलोड करें. इस तरह आप कर सकते हैं सभी संपादन मैन्युअल रूप से करें इलस्ट्रेटर जैसे डिजाइन सॉफ्टवेयर में.

हीरो पैटर्न उन कुछ उपकरणों में से एक है जो डिजाइनरों को देते हैं SVGs पर पूरा नियंत्रण रखें ब्राउज़र से सही। दोहराए जाने वाली पृष्ठभूमि केवल पीएनजी पर भरोसा करने के लिए उपयोग की जाती है, लेकिन वेब मानक काफी आगे बढ़ चुके हैं एसवीजी उनकी जगह ले सकते हैं.

सेवा मेरे शुरू हो जाओ, बस हीरो पैटर्न होमपेज पर जाएँ और उनके पैटर्न लाइब्रेरी के माध्यम से ब्राउज़ करें. नए पैटर्न बार-बार जुड़ जाते हैं, इसलिए हर बार वापस जांचना सुनिश्चित करें.