منشئ موجات SVG
اضبط حجم وشكل ولون الموجات لإنشاء فواصل أو خلفيات لصفحات الويب. انسخ SVG أو CSS الخلفية أو احفظهما، أو احفظ صورة PNG.
ما يمكنك فعله
ضبط الشكل والألوان
اضبط ارتفاع الموجة وعددها وموضعها واتجاه التعبئة، وأنشئها بلون واحد أو لونين.
الحصول على النتيجة بصيغة تناسب احتياجاتك
انسخ كود SVG أو خلفية CSS واحفظهما، أو احفظها كصورة PNG.
طريقة الاستخدام
اختيار شكل البداية
اضبط القيم مباشرة، أو اختر شكلًا مشابهًا من «اختيار قالب».
ضبط الحجم والألوان
حدّد العرض والارتفاع والسعة وعدد الموجات. واضبط موضع البداية وارتفاع المنتصف في الإعدادات المتقدمة.
إنشاء ملف SVG والتحقق منه
راجع شكل الموجة المُنشأة والمناطق الشفافة. وأعد التوليد بعد تغيير الإعدادات.
الحصول على الصيغة التي تحتاجها
اختر SVG أو خلفية CSS لنسخها أو حفظها، أو احفظ PNG.
ماذا يكون مفيدًا له
تقسيم أقسام الصفحة
أنشئ فواصل على شكل موجة بين أقسام المحتوى أو أعلى التذييل.
مطابقة ألوان موقعك
استخدم لونًا خالصًا أو تدرّجًا لإنشاء أصل خلفية يطابق نظام ألوان الصفحة.
أشكال الموجة وصيغ الحفظ
السعة وعدد الموجات
السعة هي مقدار التغيّر الرأسي، وعدد الموجات هو عدد الدورات عبر العرض كاملًا. وهذه ليست ميزة لعرض الموجات الصوتية.
موضع الموجة والمناطق المقتطعة
غيّر موضع البداية باستخدام الطور، والموضع الرأسي باستخدام ارتفاع المنتصف. وتُقتطع الأجزاء الخارجة عن الصورة.
الاختيار بين SVG وPNG
تمثّل SVG الشكل كمتجهات. ويحفظ PNG صورة عند أبعاد البكسل المحددة مع الحفاظ على المناطق الشفافة.
كيفية وضع خلفية CSS
تحدّد CSS صورة الخلفية. اضبط عرض العنصر وارتفاعه في مكان استخدامها لتوفير مساحة لعرض الخلفية.
الأسئلة الشائعة
هل يمكنني ضبط شكل الموجة والألوان؟
يمكنك تحديد القيم والألوان. اختر «استخدام لونين» لتحديد اللون الثاني وزاوية التدرّج.
ماذا يحدث للإعدادات الحالية عند اختيار قالب؟
تُستبدل الإعدادات، بما فيها العرض والارتفاع والألوان، بإعدادات القالب. عدّل أي قيم لازمة بعد اختياره.
هل تتغيّر المعاينة عند تغيير الإعدادات؟
بعد إجراء التعديلات اختر «إنشاء SVG» للتحقق من النتيجة. ولم تعد النتيجة المُنشأة السابقة متاحة للعرض أو الحفظ.
هل SVG موجة جيبية دقيقة؟
تُقرَّب الموجة بمنحنى تكعيبي ناعم. وهي ليست موجة صوتية للقياس الرياضي أو تحليل الصوت.
التعامل مع الملفات
- المدخلات
- تُنشأ من إعدادات الموجة الرقمية والألوان. ولا حاجة لاختيار صورة.
- المخرجات
- wave.svg وwave.css وwave.png. ويمكن أيضًا نسخ SVG وCSS.