Sto cercando un modo per disegnare un poligono autointersecante con buchi, sto usando l'elemento Canvas HTML.Disegna un poligono autointersecante sulla tela HTML
Quindi, dato 5 punti, voglio disegnare quello rosso qui sotto.
This question is essentially the same thing.
Nota: Io non voglio fare questo usando le intersezioni delle linee e l'aggiunta di più punti, i percorsi effettivi userò saranno curve.
Sono quasi sicuro che non vuoi disegnare tutto da solo, vero? http://gpolo.awardspace.info/fill/main.html mostra che è in corso, ma è tutto lavoro manuale.
Non si può disegnare il primo pentagramma con un unico percorso nel Canvas 2D - la regola di riempimento utilizzato c'è pari-dispari e Canvas riempie le forme con la regola di avvolgimento diverso da zero.
Penso che dovrai calcolare i punti di intersezione per gli angoli del pentagono interno e riempirlo separatamente. Per ottenere il disegno che usi come esempio, puoi riempire il pentagramma (senza linee di tratto), riempire il pentagono interno (ancora senza linee di tratto) quindi tracciare il tratto del contorno del pentagono senza riempirlo.