Dibujar un polígono de intersección auto en el lienzo HTML

Question

Estoy buscando una manera de dibujar un auto intersección de polígono con agujeros, estoy usando el elemento HTML Canvas.

Así que da 5 puntos, quiero llamar el rojo a continuación.

Esta pregunta es esencialmente la misma cosa.

Nota:. No quiero hacer esto utilizando intersecciones de las líneas y añadiendo más puntos, los caminos reales que utilizaré se curvan

Answer 1

No se puede dibujar la primera estrella de cinco puntas con un solo camino en Canvas 2D - el ser regla de relleno utilizado no es par-impar y Canvas llena formas con el no cero regla de bobinado.

creo que necesita para calcular los puntos de intersección de las esquinas del pentágono interior y llenarlo por separado. Para lograr el dibujo se utiliza como un ejemplo, usted podría llenar el pentagrama (sin líneas de trazo), llenar el pentágono interno (de nuevo sin líneas de trazo) y luego realice el trazo de contorno pentagonal y sin relleno.

Answer 2

Estoy seguro de que en su mayoría no quiero dibujar todo usted mismo, ¿verdad? http://gpolo.awardspace.info/fill/main.html shows siendo hecho, pero es todo el trabajo manual.