مُعرض ومحوّل مسار SVG

مُعرض ومحوّل مسار SVG

الصق أي مسار SVG لسُمة d وشاهد تطبيقه فورًا. يُحلل هذا الأداة كل أمر إلى معلماته ونقطة النهاية المطلقة، ويُرسم خطوط التحكم المُضيئة فوق العرض التنبؤي، ويُعيد كتابة المسار بين الأنظمة المطلقة والمسجّلة مع دقة قابلة للتعديل. تم بناؤه خصيصًا للكتابين الذين يرغبون في فهم أو تنظيف أو تحسين السطر المُباشر دون مغادرة المتصفح.

كيفية استخدام

1. أدخل محتوى سُمة d الخاصة بمسارك (أو انقر على "جرب مثالًا") في المدخل.
2. ضبط مجال العرض لتتماشى مع لوحة المسار التي تم إنشاؤها عليها. الافتراضي 0 0 200 200 يُستخدم في الأمثلة المدمجة.
3. حدد لون المسار، مقياس المسار، ولون الملء لعرض كيف سيُرسم المسار.
4. اختر نمط الإحداثيات — احتفظ بالشكل كما هو، أعد إلى موضع مطلق، أو أعد إلى موضع مسجّل — وحدد دقة من 0 إلى 6 أرقام عشرية.
5. أضف أو أزل الطبقات لعرض أو إخفاء الشبكة، نقاط نهاية الأوامر المُرَقَّمة، خطوط التحكم المُضيئة، وحركة الرسم.
6. انسخ السمة المُحَوَّلة لـ d، أو احفظ ملف SVG منفصل.

خصائص

• عرض تطبيق المسار في الوقت الحقيقي – يُحوّل سلسلة d إلى لوحة SVG مع مقياس مخصص للمسار، الملء، ومجال العرض.
• جدول تحليل الأوامر – يُدرج كل أمر بالترتيب مع معلماته، وعناوين مُلَّبَسة، ونقطة النهاية المطلقة.
• إضافة توازي نقاط التحكم البيزي – تُرسم خطوط مُضيئة ونقاط مُلونة بالبرتقالي للأوامر C، S، Q، وT بحيث يمكنك رؤية شكل المنحنيات.
• نقطة نهاية مُرَقَّمة – تُظهر بداية المسار باللون الأخضر ونهايات الأوامر التالية باللون الأزرق مع تسمية مؤشر.
• تحويل من المطلق إلى المُسجّل – يعيد كتابة كل سلسلة d في أي من أنظمة الإحداثيات دون تغيير الشكل المُرسَّم.
• تقريب الإحداثيات – يُقصِّر عدد الأرقام العشرية من 0 إلى 6 أماكن لتقليل وتناسق بيانات المسار.
• إضافة شبكة – خطوط شبكة تلقائية وتحديد المحور الصفر مع الربط بمجال العرض.
• طول المسار – يستخدم واجهة API getTotalLength في المتصفح لتقرير الطول الكلي المُرسَّم بالوحدات في مجال العرض.
• حركة رسم – تُستخدم حركة تبديل المسار المُضمنة لعرض المسار على حلقة لاستخدام التصحيح البصري.
• تصدير SVG منفصل – انسخ أو احفظ ملف SVG كامل مع إعدادات مجال العرض والأسلوب المُطبقة.

أوامر المسار المدعومة

• M / m – تحريك إلى البداية: يبدأ مسارًا جديدًا في النقطة المحددة.
• L / l – خط مستقيم: يرسم خطًا مستقيمًا إلى النقطة المحددة.
• H / h – خط أفقي: يرسم خطًا أفقيًا إلى الـ x المحدد.
• V / v – خط عمودي: يرسم خطًا عموديًا إلى الـ y المحدد.
• C / c – منحنى بيزي ثلاثي الأبعاد: نقطتين توجيهيّتين ونقطة نهاية.
• S / s – منحنى بيزي ثلاثي الأبعاد مُسجّل: يعكس النقطة التوجيهية السابقة تلقائيًا.
• Q / q – منحنى بيزي تربيعي: نقطة توجيهية واحدة ونقطة نهاية.
• T / t – منحنى بيزي تربيعي مُسجّل: يعكس النقطة التوجيهية السابقة تلقائيًا.
• A / a – منحنى بيزي بيضاوي: نصف القطر، تدوير المحور، علامة المسار الطويل والمسار المائل، بالإضافة إلى النقطة النهائية.
• Z / z – إغلاق المسار: يرسم خطًا مستقيمًا إلى بداية المسار.