Encontré un problema en la popular biblioteca RoughJS (genera primitivas dibujadas a mano) que es un poco vital para mi caso: cuando trato de completar la ruta SVG con un espacio vacío dentro, llena la ruta sin respetar el interior áreas vacías.

Por ejemplo, las donas se llenarán dos veces: los círculos exterior e interior, mientras que el resultado esperado es tener una dona rellena para el espacio entre los círculos interior y exterior.

El contorno SVG es

<path d="M200 1200 l-65 -8 -73 -34 -73 -35 -60 -59 -59 -60 -38 -78 -37 -78 0 -120 0 -120 23 -57 23 -57 44 -61 45 -60 47 -34 48 -35 65 -27 65 -26 86 -5 85 -6 60 18 59 17 58 30 58 31 57 62 58 62 21 45 22 45 15 60 16 61 0 50 0 51 -11 53 -11 53 -28 60 -29 60 -58 58 -58 57 -35 22 -35 21 -49 19 -49 19 -61 7 -61 7 -65 -8z m215 -192 l57 -29 34 -39 33 -39 22 -47 22 -46 1 -80 0 -80 -21 -47 -22 -47 -32 -41 -33 -41 -65 -32 -66 -32 -80 0 -80 0 -50 25 -50 24 -47 48 -46 48 -22 57 -22 58 4 75 5 75 22 43 22 43 36 40 37 40 40 21 41 21 25 8 25 8 76 -3 77 -3 57 -28z" />

Creé una configuración de prueba para verificar el problema en tiempo de ejecución: https://glitch.com/edit/#!/mountainous-regal-feet?path=index.html%3A4%3A66

¿Alguien tiene alguna solución o solución para ello?