डिज़ाइन और रंग

SVG पैटर्न बनाएं

SVG पैटर्न बनाएं — आकार या रंग चुनें और कोड या परिणाम देखें. उपकरण के इनपुट आपके उपकरण में रहते हैं। खाता ज़रूरी नहीं.

खाता ज़रूरी नहीं

उपकरण लोड हो रहा है…

कैसे उपयोग करें

  1. 1मान दें और विकल्प चुनें।
  2. 2उपकरण चलाएं और परिणाम देखें।
  3. 3परिणाम कॉपी करें या तुलना के लिए इनपुट बदलें।

जानना उपयोगी है

इनपुट की सीमा और इकाइयां जांचें। परिणाम आपके इनपुट और ब्राउज़र पर निर्भर हैं।

विज्ञापन कनेक्शन डेटा संसाधित कर सकते हैं। निजीकरण आपकी गोपनीयता पसंद मानता है। गोपनीयता (अंग्रेज़ी)

गणना किया गया इनपुट और आउटपुट उदाहरण

ये परिणाम इसी उपकरण के इंजन में नीचे के नमूना मान डालकर निकाले गए हैं, आपके निजी इनपुट या सहेजे काम से नहीं। उपकरण में उदाहरण लोड करके वही इनपुट देखें।

नमूना इनपुट

फ़ील्डमान
विधि
बिंदु
रंग
#0F766E
पृष्ठभूमि रंग
#FFFFFF
पैटर्न अंतर (px)
24
रेखा मोटाई या बिंदु त्रिज्या (px)
2

नमूना परिणाम

<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 400 400"><defs><pattern id="p" width="24" height="24" patternUnits="userSpaceOnUse"><rect width="24" height="24" fill="#FFFFFF"/><circle cx="12" cy="12" r="2" fill="#0F766E"/></pattern></defs><rect width="400" height="400" fill="url(#p)"/></svg>
इनपुट की शर्तें

ये वास्तविक इनपुट जाँच सीमाएँ हैं; हर स्वीकृत मान के यथार्थ या आपके मामले में उपयुक्त होने की गारंटी नहीं हैं।

  • विधि: उपलब्ध विकल्प: बिंदु / धारियां / ग्रिड
  • पैटर्न अंतर (px): स्वीकृत सीमा: 4 ≤ x ≤ 200
  • रेखा मोटाई या बिंदु त्रिज्या (px): स्वीकृत सीमा: 0.1 ≤ x ≤ 20

संबंधित उपकरण

सभी उपकरण