مولّد أشكال SVG العضوية
- الملفات لا تغادر جهازك
- يعمل في المتصفح
- مجاني، بلا حساب، بلا علامة مائية
Press R or Space for a new blob.
كيفية استخدام مولّد أشكال SVG العضوية
ولّد أشكالًا عضوية عشوائية وصدّرها بصيغة SVG أو PNG أو مكوّن React. اضبط النقاط والتباين والطبقات وتعبئة التدرّج وأسلوب الحدود، وأضف حركة تحوّل اختيارية. يأتي كل شكل من رقم بذرة ويُولَّد في متصفحك.
- 1
انقر «شكل جديد»، أو اضغط R أو Space، حتى يعجبك الشكل. تبقى الأشكال السابقة ضمن «الأشكال الأخيرة».
- 2
ضمن «الشكل»، اضبط «التعقيد» و«التباين» و«الحجم» و«الطبقات».
- 3
ضمن «اللون»، اختر إحدى «اللوحات» أو اضبط تعبئة «خالصة» أو «تدرّجًا»، وبدّل «الأسلوب» إلى «حدود» إذا أردت الحافة فقط.
- 4
اضبط «عرض» اللوحة و«ارتفاعها»، وفعّل «لون الخلفية» إذا لزم، وفعّل «حركة التحوّل» لشكل متحرك.
- 5
انقر «تنزيل SVG»، أو اختر مقياس PNG قدره 1× أو 2× أو 4× وانقر PNG. يضع «نسخ SVG» و«نسخ React» الشفرة في الحافظة.
أسئلة شائعة
هل يمكنني الحصول على الشكل نفسه لاحقًا؟
نعم. يأتي الشكل من «البذرة»، فالبذرة نفسها مع الإعدادات نفسها تعطي الشكل نفسه دائمًا. دوّن الرقم واكتبه مرة أخرى في «البذرة».
هل الخلفية شفافة؟
نعم، افتراضيًا. فعّل «لون الخلفية» فقط إذا أردت لوحة معبأة.
هل تعمل الحركة في الملف المصدَّر؟
تستخدم «حركة التحوّل» عنصر animate المدمج في SVG، فتُشغَّل في تصديري SVG وReact من دون CSS أو JavaScript إضافي. يكون PNG دائمًا إطارًا ثابتًا.
كيف أستخدم الشكل في مشروع React؟
يعطيك «نسخ React» مكوّنًا يعيد SVG ويمرّر خصائصه إلى عنصر svg، فيمكنك إضافة className أو style.
هل يُرفع أي شيء؟
لا. تُحسب الأشكال وتُصدَّر بالكامل في متصفحك.