رفع صورة

قم بتحميل صورة للبدء في رسم مسار SVG المخصص عليها.

Supported formats: JPG, PNG, WebP

أداة رسم مسار SVG

ارسم مسارات SVG مخصصة فوق صورك وقم بتصدير الكود الذي تم إنشاؤه.

1

رفع الصورة

حدد صورة أو اسحبها وأفلتها لتتبعها أو رسم مسار عليها.

2

رسم المسار

انقر على الصورة لإضافة نقاط. تقوم الأداة تلقائيًا بتوصيلها لتكوين مسار SVG.

3

التصدير والنسخ

بمجرد الانتهاء، انسخ كود SVG أو قم بتنزيل ملف SVG الذي تم إنشاؤه لاستخدامه في مشروعك.

الأسئلة الشائعة

هل يتم رفع صوري إلى خادم؟

لا. تعمل هذه الأداة بالكامل في متصفحك، مما يضمن عدم إرسال صورك عبر الإنترنت أبدًا.

هل يمكنني التراجع عن نقطة خاطئة؟

نعم، يمكنك النقر على زر 'تراجع' لإزالة آخر نقطة أضفتها.

كيف أغلق المسار؟

انقر على 'إغلاق المسار' لرسم خط تلقائيًا من النقطة الأخيرة إلى النقطة الأولى.

هل يمكنني تعديل سمك الخط ولونه؟

بالتأكيد! استخدم شريط الأدوات لتغيير لون الخط ولون التعبئة وعرض الخط.

هل تعمل هذه الأداة على الهواتف المحمولة؟

نعم، يمكنك النقر على شاشة هاتفك لرسم المسارات.

ما هي تنسيقات الصور المدعومة؟

يمكنك تحميل تنسيقات صور الويب القياسية مثل JPG و PNG و WebP.

هل يمكنني تصدير الصورة مع ملف SVG؟

تقوم الأداة بتصدير مسار SVG فقط للحفاظ على الكود نظيفًا.

هل مسار SVG الذي تم إنشاؤه نسبي أم مطلق؟

يستخدم المسار أوامر مطلقة.

هل يدعم المنحنيات؟

حاليًا، تدعم الأداة الخطوط المستقيمة فقط.

هل يمكنني رسم مسارات متعددة؟

نعم! يمكنك الآن إضافة مسارات متعددة باستخدام زر '+' في شريط الأدوات. يمكن أن يكون لكل مسار لون الخط والعرض وإعدادات التعبئة الخاصة به.

لماذا كود SVG طويل جدًا؟

كل نقطة تولد أمر 'L'.

هل يمكنني استخدام SVG في CSS؟

نعم، يمكنك استخدام بيانات المسار داخل CSS clip-path.

هل هناك حد لعدد النقاط؟

لا يوجد حد.

كيف أبدأ من جديد؟

انقر على 'مسح المسار'.

هل الأداة مجانية؟

نعم، إنها مجانية بالكامل.