مولد أنماط SVG
ادمج نوع النمط، الحجم، التباعد، التدوير، الإمالة، الألوان والشفافية لبناء خامات SVG جاهزة للإنتاج مباشرة داخل المتصفح.
الخطوط
حجم SVG:0.53 KB
كود SVG
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="480" viewBox="0 0 800 480" role="img">
<defs>
<pattern id="_R_2npfiv9flb_" patternUnits="userSpaceOnUse" width="28" height="28" patternTransform="rotate(45)">
<rect width="28" height="28" fill="#c3d4ff" />
<rect width="6" height="28" fill="#667eea" />
</pattern>
</defs>
<rect width="100%" height="100%" fill="#f7f8fc" />
<rect width="100%" height="100%" fill="url(#_R_2npfiv9flb_)" opacity="0.9" />
</svg>ضوابط النمط
أدوات أدوات الصور المشابهة
عرض الكلدليل مولد أنماط SVG
مقدمة الأداة
أنشئ خامات مت矢رة سلسة مباشرة من المتصفح بدمج خطوط وشبكات وموجات ونقاط أو مثلثات. اضبط التباعد والألوان والشفافية والزوايا لتحصل على كود SVG جاهز للإنتاج فوراً.
خطوات الاستخدام
- اختر نوع النمط وشاهد المعاينة المباشرة على اللوحة
- اضبط العرض والارتفاع والتباعد وسمك الخط/حجم النقاط ليتناسب مع التصميم
- وائم الألوان والشفافية مع لوحة ألوان علامتك التجارية
- في وضع الخطوط غيّر زاوية الميل باستخدام شريط التحكم
- انسخ كود SVG أو نزّل الملف لاستخدامه مباشرة
نصائح
لخلفيات ناعمة خفّض التباعد والشفافية؛ وللأقسام البارزة استخدم ألواناً ذات تباين ومسافات أوسع.
الأسئلة الشائعة
ملاحظات مهمة
- القيم المتطرفة للتباعد أو اللوحات الكبيرة جداً قد تؤثر في أداء المتصفح
- لا تتم إضافة التدرجات تلقائياً؛ أضفها يدوياً بعد التصدير إذا احتجت
- احرص على نسبة التباين عند وضع الأنماط خلف النص
- يحافظ ملف SVG على أبعاد اللوحة الحالية، اضبط العرض والارتفاع قبل التنزيل