مولّد نمط خطوط SVG

كيف يعمل

يجب أن يظل نمط الخطوط في خلفية اللافتة أو القسم أو الرسم التوضيحي حادًا في جميع أحجام الشاشات. وبتوليده بصيغة SVG بدل PNG يبقى النمط متجهيًا: يُكبَّر أو يتكرر دون أن يصبح ضبابيًا أو مبكسلًا. اضبط اللونين وسماكة الخطوط وزاويتها، ثم احصل على الملف الجاهز للدمج.

كيف أستخدم هذا النمط كخلفية CSS؟

نزّل ملف SVG ثم أشر إليه كخلفية عبر background-image: url('motif-rayures.svg')، أو انسخ شيفرة SVG ورمّزها بصيغة data URI إذا كنت تفضّل تجنب طلب HTTP إضافي.

هل يتكرر النمط تلقائيًا على مساحة كبيرة؟

نعم: تُولَّد الخطوط عبر عنصر SVG الأصلي <pattern> الذي يتكرر على شكل بلاطات في كامل المنطقة المحددة، أيًا كان حجم المستطيل المختار. يمكنك إذن توليد نمط صغير واستخدامه مع background-repeat في CSS عند الحاجة.

الخصوصية: يُبنى ملف SVG بالكامل في متصفحك، ولا تُرسل أي بيانات أو إعدادات إلى خادم.