Esta pergunta já tem uma resposta aqui:

Quero converter um caminho traçado em um objeto preenchido. (Programaticamente, em JavaScript.)

A linha é apenas uma linha curva simples, uma sequência de coordenadas. Eu posso renderizar essa linha como um caminho e dar um traço de uma certa espessura ... mas estou tentando obter uma forma preenchida em vez de uma linha traçada, para que eu possa fazer mais modificações nela, como distorções para que o 'golpe' resultante possa variar em espessura ou ter bits personalizados cortados (nenhum desses itens é possível com um golpe SVG real, tanto quanto eu sei).

Então, estou tentando "engrossar" manualmente uma linha em uma forma sólida. Não consigo encontrar nenhuma função que faça isso - examinei os documentos de D3.js e Raphaël, mas sem sorte. Alguém sabe de uma biblioteca / função que faria isso?

Ou, melhor ainda: se alguém pudesse me explicar a teoria da geometria sobre como eu faria essa tarefa manualmente, pegando a lista de coordenadas de linha que tenho e desenvolvendo um novo caminho que efetivamente o 'acaricia', isso seria incrível . Em outras palavras, o que o browser quando você diz para traçar um caminho - como funciona o formato do traçad