Zeichnen Sie ein selbstschneidendes Polygon auf dem HTML-Canvas
-
23-09-2019 - |
Frage
ich nach einer Möglichkeit, einen selbstschneidendes Polygon mit Löchern zu ziehen, ich bin mit dem HTML-Canvas-Elemente.
So 5 Punkte gegeben, möchte ich unter den roten ziehen.
Diese Frage ist im Wesentlichen die gleiche Sache.
. Hinweis: Ich möchte nicht, diese Linie Kreuzungen mit tun und mehr Punkte hinzufügen, die tatsächlichen Pfade ich verwenden werden gekrümmt sein
Keine korrekte Lösung
Andere Tipps
Sie können nicht die erste Pentagramms mit einem einzigen Pfad in Canvas 2D zeichnen - die Füllregel Wesen dort verwendeten ist gerade-ungerade und Leinwand füllt Formen mit der Nicht-Null Windungsregel.
ich glaube, Sie werden die Schnittpunkte für die Ecken des inneren Fünfecks berechnen müssen und separat füllen. Um das zu erreichen, die Zeichnung, die Sie als Beispiel, könnten Sie die Pentagramme (ohne Strich-Linien) zu füllen, füllen die innere Fünfeck (wieder ohne Strich-Linien) dann den Umriss Hub Fünfeck zeichnen, ohne Füllung.
Ich bin meistens sicher, dass Sie nicht alles selbst ziehen wollen sie zu, nicht wahr? http://gpolo.awardspace.info/fill/main.html zeigt wobei getan, aber es ist alle Handarbeit.