مولد نمط دائري SVG

نقاط وحلقات وانماط مرقطة — كلها بـ SVG

تُعد الانماط المستندة الى الدوائر من ابسط عناصر التصميم واكثرها فاعلية. فهي تضفي ايقاعا ومرحا وحركة دون ان تنافس بقية الصفحة. يُنتج هذا المولد ثلاث متغيرات شائعة، كل منها بنقرة واحدة:

انماط النمط

• حلقات متحدة المركز — دوائر متباعدة بالتساوي من المركز الى الخارج. تباين الالوان يعطي مظهر الهدف / الرادار؛ وفي وضع الحدود فقط تحصل على فن حلقات نظيف بنسيج بسيط.
• شبكة نقاط — نقاط كلاسيكية على شبكة مثالية. اضبط حجم النقطة وعدد الاعمدة للانتقال من تنقيط خفيف الى انماط ريترو جريئة.
• نقاط مزاحة — نقاط على صفوف مزاحة بالتناوب، مما يخلق ايقاعا شبيها بقرص العسل. انيق للخلفيات والانماط المتصلة.

التحكم

• الوضع — اشكال النمط الثلاثة.
• الحلقات / الاعمدة — كثافة النمط.
• حجم النقطة — في اوضاع الشبكة يحدد حجم كل نقطة.
• اللون / الخلفية — ثنائي الامامي والخلفية.
• وضع الحدود — يبدّل بين النقاط المعبأة وخطوط الحلقات مع عرض قابل للضبط.

الاستخدامات

• خلفيات اقسام الابطال وفواصل زخرفية
• نماذج المنتجات ورسومات شبيهة بالنسيج
• حالات التحميل ولمسات الواجهة
• زخرفة تحرير للمقالات
• خلفيات متباينة لشاشات الموبايل

بما ان كل دائرة عنصر <circle> خفيف، يبقى الـ SVG صغيرا جدا وسهل التعديل — غيّر الالوان، قس الحجم، او ضع كل شيء داخل <pattern> لخلفية لانهائية.