مولد أنماط SVG (بلاط هندسي)
مرشد
مولد نمط SVG
أنشئ أنماط بلاط هندسية سلسة مع معاينة مباشرة. اختر من بين 12 نوعًا من الأنماط — نقاط، وخطوط، وشبكات، وسداسيات، وشيفرونات، ومثلثات، والمزيد — قم بتخصيص الألوان والحجم والتباعد والدوران، ثم قم بتصديرها كرمز SVG، أو خلفية CSS، أو ملف SVG قابل للتنزيل. كل شيء يعمل في متصفحك مع ردود فعل مرئية فورية.
كيفية استخدام
حدد نوع نمط من القائمة المنسدلة، ثم اضبط عناصر التحكم لتخصيص تصميمك. يتم تحديث المعاينة في الوقت الفعلي أثناء تغيير الألوان والحجم والتباعد وعرض الخط والعتامة والدوران. عندما تكون راضيًا عن النتيجة، استخدم أزرار التصدير لنسخ رمز SVG، أو نسخ ترميز خلفية CSS، أو تنزيل ملف SVG، أو نسخ تعريف النمط فقط لتضمينه في ملفات SVG موجودة.
خصائص
- 12 نوعًا من الأنماط — نقاط، وخطوط أفقية، وخطوط رأسية، وخطوط قطرية، وشبكة، وشيفرون/متعرج، وسداسيات، ومثلثات، ومعينات، وصلبان، وأمواج، ولوحة شطرنج. كل منها يتجانب بسلاسة.
- معاينة مباشرة — منطقة معاينة مرئية كبيرة تعرض نمطك متجانبًا في الوقت الفعلي. تنعكس كل تغييرات على الفور — لا يوجد انتظار، ولا زر إنشاء.
- تخصيص الألوان — أدوات اختيار الألوان لألوان المقدمة والخلفية. قم بإنشاء أي تركيبة ألوان لنمطك.
- عناصر تحكم الحجم والتباعد — منزلقات نطاق لتدرج النمط (10-100 بكسل)، وعرض الخط (1-20 بكسل)، والتباعد (5-100 بكسل). اضبط كثافة ووزن نمطك بدقة.
- العتامة والدوران — اضبط عتامة النمط (0.1-1.0) والدوران (0-360 درجة) للحصول على اختلافات إبداعية وتأثيرات تراكب.
- تصدير كرمز SVG — انسخ ترميز SVG الكامل مع النمط المضمن، جاهز للصق في أي مشروع.
- تصدير كخلفية CSS — انسخ خاصية خلفية CSS-image مع URI للبيانات — الصقها مباشرة في ورقة الأنماط الخاصة بك لخلفيات أنماط سلسة.
- تنزيل ملف SVG — قم بتنزيل النمط كملف .svg للاستخدام في أدوات التصميم (Figma، Illustrator، Sketch).
- نسخ تعريف النمط — انسخ عنصر SVG فقط لتضمينه في مستندات SVG موجودة.
أنواع الأنماط
نقاط: دوائر مرتبة في شبكة منتظمة. نمط بولكا دوت كلاسيكي.
خطوط: خطوط متوازية أفقية أو رأسية أو قطرية. نظيف وبسيط.
شبكة: خطوط متعامدة تشكل شبكة ورقية رسومية.
شيفرون/متعرج: نمط متكرر على شكل V. رائع للخلفيات الديناميكية.
سداسيات: تجانب خلية النحل. رياضي وعضوي.
مثلثات: شبكة مثلثات متكررة. هندسية وحديثة.
معينات: مربعات دوارة تشكل أشكال معينات. أنيقة وكلاسيكية.
صلبان: علامات زائد مرتبة في شبكة. نظيفة ومنظمة.
أمواج: خطوط موجة جيبية منحنية. عضوية ومتدفقة.
لوحة الشطرنج: مربعات مملوءة وفارغة بالتناوب. جريء وأيقوني.
ما هو نمط SVG؟
كيف أستخدم ناتج خلفية CSS؟
هل يمكنني استخدام هذه الأنماط تجاريًا؟
لماذا SVG بدلاً من PNG للأنماط؟
تثبيت ملحقاتنا
أضف أدوات IO إلى متصفحك المفضل للوصول الفوري والبحث بشكل أسرع
恵 وصلت لوحة النتائج!
لوحة النتائج هي طريقة ممتعة لتتبع ألعابك، يتم تخزين جميع البيانات في متصفحك. المزيد من الميزات قريبا!
