A continuación se muestra un fragmento de código que estoy usando para dibujar un cuadrado simple (aunque la forma se volverá mucho más compleja en el proyecto, ya que está destinada a visualizar archivos DWG importados desde un back-end).

Sin embargo, me he topado con un muro al tratar de obtener el segmento SVG en el que se hace clic. Lo que estoy buscando hacer en la configuración actual es:

1. El usuario hace clic en un segmento del SVG
2. Se captura el segmento más cercano a él (con algo de margen).
3. Puedo usar esa información capturada en mi código (preferiblemente 4 valores numéricos, que representan x1, x2, y1 e y2)

El problema que tengo es que no sé identificar los segmentos, mientras que veo que avanzan con un patrón [x1, y1, x2, y2, x3, y3, x4, y4].

 var draw = svg.SVG().addTo('body').size(300, 300); var arr = new svg.Array([0, 0, 0, 100, 100, 100, 100, 0]) draw.polygon(arr).fill("0x000000");

Un ejemplo de lo que quiero poder hacer:

obtenga la línea a lo largo del punto [50, 0] que debería estar en el primer segmento de la forma dibujada en el fragmento de código anterior. Necesito identificar correctamente el segmento que el usuario ha seleccionado para poder trabajar con esa información. Si de alguna manera puedo obtener la coordenada inicial y final del segmento en el que se hizo clic, probablemente me lleve a una solución exitosa.