مولّد موجات SVG

كيف يعمل

تُبنى الموجة من منحنيات Bézier تكعيبية متتابعة، تتناوب فيها كل «حدبة» بين أعلى خط الأساس وأسفله، لرسم مسار سلس بلا زوايا. ويمكن ضبط عدد الحدبات (التردد) وارتفاعها (السعة) بشكل مستقل، إضافةً إلى لون التعبئة.

كيف أستخدم هذه الموجة كفاصل بين قسمين؟

انسخ شيفرة SVG وضعها بموضع مطلق في أسفل قسم ملوّن (أو في أعلاه مع خيار «قلب»)، بعرض 100%: ستغطي الموجة الانتقال بين هذا القسم والقسم التالي، الذي ينبغي أن يطابق لون خلفيته لون تعبئة SVG ليكون الاتصال غير مرئي.

هل يجب أن يطابق العرض المحدد عرض صفحتي بالضبط؟

لا: بفضل السمة preserveAspectRatio="none" وعرض بالنسبة المئوية في CSS، يتمدد SVG ليشغل كامل العرض المتاح للحاوية، حتى لو لم يطابق عرضه الأصلي عرض صفحتك بالضبط.

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