ارسم مضلعًا متقاطعًا ذاتيًا على قماش HTML

Question

أنا أبحث عن طريقة لرسم مضلع متقاطع ذاتي مع ثقوب ، أنا أستخدم عنصر Canvas HTML.

لذلك بالنظر إلى 5 نقاط ، أريد أن أرسم اللون الأحمر أدناه.

هذا السؤال هو نفس الشيء.

ملاحظة: لا أريد القيام بذلك باستخدام تقاطعات الخط وإضافة المزيد من النقاط ، سيتم منحني المسارات الفعلية التي سأستخدمها.

Answer 1

لا يمكنك رسم الخماسي الأول بمسار واحد في قماش 2D - قاعدة التعبئة المستخدمة هناك حتى وتملأ القماش الأشكال مع غير صفرية قاعدة متعرج.

أعتقد أنك ستحتاج إلى حساب نقاط التقاطع لزوايا البنتاغون الداخلية وملءها بشكل منفصل. لتحقيق الرسم الذي تستخدمه كمثال ، يمكنك ملء الخماسي (بدون خطوط السكتة الدماغية) ، وملء البنتاغون الداخلي (مرة أخرى بدون خطوط السكتة الدماغية) ، ثم ارسم السكتة الدماغية للبنتاغون دون ملء.

Answer 2

أنا متأكد في الغالب أنك لا تريد أن ترسم كل شيء بنفسك ، أليس كذلك؟ http://gpolo.awardspace.info/fill/main.html يظهر أنه يتم ذلك ، لكنه كل شيء يدوي.