Ich bin auf der Suche nach einer Möglichkeit, ein selbst schneidendes Polygon mit Löchern zu zeichnen, verwende ich das HTML-Element Canvas.Zeichnen Sie ein sich selbst schneidendes Polygon auf dem HTML-Canvas
So gegeben 5 Punkte, möchte ich die rote unten zeichnen.
This question is essentially the same thing.
Anmerkung: Ich möchte nicht, dies mit Linie Kreuzungen tun und mehr Punkte hinzufügen, die tatsächlichen Pfade ich gebogen werden werden.
Ich bin mir ziemlich sicher, dass du nicht alles selbst zeichnen willst, oder? http://gpolo.awardspace.info/fill/main.html zeigt, dass es getan wird, aber es ist alles manuelle Arbeit.
Sie können nicht die erste Pentagramms mit einem einzigen Pfad in Canvas 2D zeichnen - die Füllregel Gerade-Ungerade es verwendet wird und Leinwand füllt Formen mit dem Nicht-Null Windungsregel.
Ich denke, Sie müssen die Schnittpunkte für die Ecken des inneren Fünfecks berechnen und separat füllen. Um die Zeichnung zu erreichen, die Sie als Beispiel verwenden, können Sie das Pentagramm (ohne Strichlinien) füllen, das interne Fünfeck (wiederum ohne Strichlinien) füllen und dann den Fünfeck-Konturstrich ohne Füllung zeichnen.