Esta pregunta ya tiene una respuesta aquí:

Quiero convertir una ruta trazada en un objeto relleno. (Programáticamente, en JavaScript.)

La línea es solo una línea curva simple, una secuencia de coordenadas. Puedo representar esta línea como una ruta y darle un trazo de cierto grosor ... pero estoy tratando de obtener una forma rellena en lugar de una línea trazada, para poder hacer más modificaciones en ella, como deformación así que, por lo que puedo decir, el 'trazo' resultante puede variar en grosor o tener trozos personalizados cortados (ninguna de estas cosas es posible con un trazo SVG real).

Así que estoy tratando de 'engrosar' manualmente una línea en una forma sólida. No puedo encontrar ninguna función que haga esto: he revisado los documentos de D3.js y Raphaël, pero sin suerte. ¿Alguien sabe de una biblioteca / función que haría esto?

O, mejor aún: si alguien pudiera explicarme la teoría de la geometría sobre cómo realizaría esta tarea manualmente, tomando la lista de coordenadas de línea que tengo y elaborando una nueva ruta que efectivamente la "traza", sería increíble . Para decirlo de otra manera, ¿qué significa elnavegado do cuando le dices que trace un trazado: ¿cómo funciona qué forma debe tener el trazo?