Estou trabalhando em um aplicativo de doodling em HTML5 e gostaria de criar uma espécie de recurso de bucket. A idéia é desenhar um caminho e ele será fechado e preenchido com a cor selecionada (cor do traço). Funciona muito bem com cores sólidas, mas se eu quiser ter um traçado e preenchimento transparentes, encontro este problema:http: //imgur.com/0N3M

O que acontece é que o preenchimento é feito até o meio do traçado (o ponto de amostragem real do caminho), então há uma linha com metade do tamanho do traçado dentro da forma, que é mais escura porque é a interseção entre o preenchimento e o traçado .

Você vê alguma solução alternativa para isso?

Infelizmente, não posso postar no JSFiddle agora porque está no modo READ ONLY. Mas você deve ver o que estou falando ao vivo nesta caixa de proteção:http: //bit.ly/AbaML (O site e a biblioteca não têm relação com o que estou usando, é apenas uma caixa de lona que encontrei)

Todas as ideias / leads bem-vindos