Disegnare un auto intersecano poligono sulla tela di canapa HTML

Question

Sto cercando un modo per disegnare un auto si intersecano poligono con fori, sto usando l'elemento Canvas HTML.

Quindi, dato 5 punti, voglio disegnare quello rosso in basso.

Questa domanda è essenzialmente la stessa cosa.

Nota:. Io non voglio fare questo usando le intersezioni delle linee e l'aggiunta di più punti, i percorsi effettivi userò saranno curvate

Answer 1

Non si può disegnare il primo pentagramma con un unico percorso nel Canvas 2D - la regola di riempimento utilizzato è pari-dispari e Canvas riempie forme con il non-zero regola avvolgimento.

Credo che sarà necessario calcolare i punti di intersezione per gli angoli degli interni del Pentagono e riempirlo separatamente. Per realizzare il disegno si utilizza come un esempio, si potrebbe riempire il pentagramma (senza linee di ictus), riempire il pentagono interno (di nuovo senza linee di corsa), quindi utilizzare il tratto di pentagono contorno senza riempire.

Answer 2

Sono per lo più sicuro che non vuole disegnare tutto da soli, vero? http://gpolo.awardspace.info/fill/main.html mostra che sia fatto, ma è tutto il lavoro manuale.