مولّد الأشكال العضوية وأنماط الخلفيات (SVG)
مولّد الأشكال العضوية وأنماط الخلفيات يقدّم أداتين في واحدة: مولّد أشكال Blob عضوية عشوائية (مثل blobmaker.app) بالتحكم في عدد النقاط ودرجة العشوائية واللون، ومولّد أنماط خلفية متكررة بصيغة SVG (نقاط، شبكة، خطوط قطرية، أمواج) بالتحكم في حجم الوحدة وسُمك الخط واللون ولون الخلفية. يمكن نسخ كود SVG مباشرة أو نسخه كخاصية CSS جاهزة للاستخدام كخلفية، أو تنزيله كملف SVG. كل التوليد يتم داخل متصفحك عبر حسابات رياضية بحتة، دون رفع أي بيانات لأي خادم.
يتم توليد الرسم بالكامل داخل متصفحك، ولا يُرسل أي شيء لأي خادم.
كود SVG
<svg width="300" height="300" viewBox="-150 -150 300 300" xmlns="http://www.w3.org/2000/svg"><path d="M 112.62 -48.05 Q 129.15 0.00 94.34 29.77 Q 59.54 59.54 29.77 90.76 Q 0.00 121.98 -54.67 115.66 Q -109.34 109.34 -131.53 54.67 Q -153.72 0.00 -113.72 -36.85 Q -73.71 -73.71 -36.85 -100.92 Q -0.00 -128.12 48.05 -112.11 Q 96.09 -96.09 112.62 -48.05 Z" fill="#6366f1" /></svg>
ما الذي تفعله هذه الأداة
تولّد أشكالًا عضوية انسيابية أو أنماط خلفية متكررة بصيغة SVG — نقاط وشبكة وخطوط مائلة وأمواج — بألوان وإعدادات تضبطها، مع شيفرة SVG وشيفرة CSS للاستخدام كخلفية.
متى تستخدمها
- شكل عضوي كخلفية لقسم في صفحة.
- نمط خلفية متكرر خفيف بدل صورة.
- عنصر تزييني خلف محتوى.
- خلفية تريدها حادة عند أي حجم.
طريقة الاستخدام
- اختر «شكل عضوي» أو «نمط خلفية».
- للشكل العضوي: اضبط «عدد النقاط» و«العشوائية» و«اللون»، واضغط «توليد شكل جديد» حتى يعجبك.
- للنمط: اختر «نوع النمط» واضبط «حجم البلاطة» و«سماكة الخط» و«لون الخلفية».
- انسخ «شيفرة SVG» أو «شيفرة CSS» أو نزّل الملف.
مثال عملي
المُدخَل
شكل عضوي بعدد نقاط متوسط وعشوائية مرتفعة.
الناتج
شكل انسيابي غير منتظم بصيغة SVG، مع شيفرته جاهزة للصق.
حدود الأداة
- كل ضغطة توليد تنتج شكلًا جديدًا عشوائيًا ولا يمكن استرجاع السابق؛ احفظ ما يعجبك فور ظهوره.
- الأنماط المتكررة الكثيفة قد تشتّت عن المحتوى فوقها؛ استخدمها بألوان خافتة.
- النص فوق النمط قد يفقد وضوحه؛ افحص التباين.
الخصوصية والمعالجة
الرسم يُولَّد بالكامل داخل متصفحك ولا يُرسل شيء إلى خادم.
ملاحظات تقنية
- الناتج SVG متجهي، فيبقى حادًّا عند أي حجم وحجمه أصغر بكثير من صورة نقطية مكافئة.
الأسئلة الشائعة
نعم، في وضع نمط الخلفية تتوفر خاصية background-image جاهزة للنسخ واللصق مباشرة في ملف CSS.