تقنية

إغلاق مسار ⁦SVG⁩: لماذا لا تكفي العودة إلى نقطة البداية؟

إحداثيات متطابقة؛ Z يصل الطرفين، وL يبقي نهايتين.
مقارنة مفاهيمية للأمرين.

افحص الأمر الأخير.

الخلاصة السريعة

العودة بالإحداثيات لا تعادل الإغلاق: Z يصل طرفي المسار، أما L إلى البداية فيترك نهايتين.

  • Z يصل الطرفين كمسار مغلق.
  • L إلى البداية يبقيه مفتوحًا.
  • المغلق يستخدم stroke-linejoin.
  • الطرفان المفتوحان يستخدمان stroke-linecap.

نقطة مشتركة وسلوك مختلف

تحدد SVG الإغلاق بأمر closepath. مع الإغلاق تُوصل نهاية المقطع الأخير ببداية الأول. تكرار إحداثيات البداية بخط عادي لا ينشئ هذا الوصل.

قارن الأمر الأخير

في مثالنا المؤلف، تتطابق رؤوس المثلث وترتيبها. يختلف الأمر الأخير؛ تحققنا من ذلك بتحليل الأمرين.

M40 40 L140 40 L140 140 Z
M40 40 L140 40 L140 140 L40 40

افحص خصائص الحد

قارن stroke-linejoin وstroke-linecap عند رسم الحد. الرسم هنا يلخص بنية الأوامر، ولا يعرض قياسًا لبكسلات الخط.

المصادر ومتابعة القراءة

  1. W3C — أمر closepath (يفتح في نافذة جديدة)w3.org

أُعدّ هذا المقال بصياغة عربية أصلية بالاستناد إلى المصادر أعلاه، وهو مدخل تمهيدي إلى الموضوع. اقرأ منهجية المحتوى وحدوده.