Estoy buscando una forma de dibujar un polígono que se interseca a sí mismo con agujeros, estoy usando el elemento HTML Canvas.Dibuje un polígono que se interseca en el lienzo HTML
Así que, dado 5 puntos, quiero dibujar el rojo a continuación.
This question is essentially the same thing.
Nota: No quiero hacer esto utilizando intersecciones de las líneas y añadiendo más puntos, los caminos reales que utilizaré se curvan.
Estoy casi seguro de que no quieres dibujarlo todo tú mismo, ¿o sí? http://gpolo.awardspace.info/fill/main.html muestra que se está haciendo, pero todo es trabajo manual.
No se puede dibujar la primera estrella de cinco puntas con un solo camino en Canvas 2D - la regla de relleno que se utiliza no es par-impar y Canvas llena formas con la regla de bobinado distinto de cero.
Creo que necesitará calcular los puntos de intersección para las esquinas del pentágono interior y llenarlo por separado. Para lograr el dibujo que usas como ejemplo, puedes llenar el pentagrama (sin líneas de trazo), llenar el pentágono interno (nuevamente sin líneas de trazo) y luego dibujar el trazo del pentágono sin llenarlo.