在HTML Canvas上繪製自相交多邊形

Question

我正在尋找一種方法來繪製帶孔的自相交多邊形，我正在使用HTML Canvas元素。

所以給了5分，我想畫下面的紅色。

This question is essentially the same thing.

注：我並不想這樣做，用線交叉並加入更多的點，我會用實際的路徑將是彎曲的。

Answer 1

我基本肯定你不想自己畫這一切，是嗎？ http://gpolo.awardspace.info/fill/main.html顯示它正在完成，但它是所有手動工作。正在使用的有偶奇和Canvas填充形狀與非零纏繞規則填充規則 -

Answer 2

你不能在畫布2D單一路徑繪製的第一個五角星。

我認爲你需要計算內部五邊形角落的交點並分開填充它。爲了達到您使用的圖紙，您可以填充五角星形（沒有筆劃線），填充內部五邊形（再次沒有筆劃線），然後繪製五邊形輪廓筆劃而不填充。