مولد موجات SVG

كيفية استخدام مولد موجات SVG

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

1. اختر عدد الطبقات (1-5) في محدد «الطبقات». تُرسم الطبقات من الخلف إلى الأمام، فترسم كل طبقة جديدة فوق سابقاتها.
2. اختر لوني بداية التدرج ونهايته بمُنتقَي الألوان — تتشارك كل الطبقات هذا التدرج الخطي.
3. اضبط كل طبقة بأشرطتها الأربعة: ارتفاع الخط الأساسي يرفع الموجة أو يخفضها، والسعة تحدد ارتفاع القمم، وطول الموجة يتحكم في المسافة الأفقية بين القمم، والنعومة تمتزج من خطوط متعرجة مستقيمة (0%) إلى منحنيات بيزيه تكعيبية جيبية كاملة (100%).
4. اضغط «توليد عشوائي» للحصول فورًا على تركيبة جديدة من أعداد الطبقات والأشكال والألوان حتى يبدو شيء ما صحيحًا.
5. اضغط «تنزيل SVG» لحفظ ملف .svg، أو «نسخ المصدر» لوضع علامات SVG الكاملة في الحافظة، جاهزة للصق في أي ملف HTML أو أداة تصميم.

لفواصل أقسام الموقع ضع الـSVG بين كتلتين واتركه يتمدد إلى 100% عرض — يُبقي viewBox المنحنيات دون تشوه في أي حجم. النعومة المنخفضة مع أطوال موجية قصيرة تعطي مظهرًا مرسومًا يدويًا، بينما النعومة الكاملة مع الأطوال الطويلة تشبه بحرًا هادئًا.