path - manipulation - svg on img tag

SVG: ¿simplifica la ruta para eliminar curvas?

Question

Tengo un archivo svg que contiene rutas complejas con curvas de bezier. Necesito convertir esta ruta de datos para usarla en html map-area, así que de hecho solo necesito las coordenadas (pero para curvas grandes, sería muy agradable tener algunas coordenadas ''entre'' los dos puntos finales.

Probé la función simplify path de Inkscape, pero esos caminos aún contienen curvas ...

¿Hay alguna herramienta o fórmula para convertir estas curvas en coordenadas simples?

¿Tal vez otro formato de salida de Inkscape que no usa curvas en sus coordenadas?

Answer 1

En Inkscape:

• Seleccione la herramienta Editar ruta por nodos (F2).
• Haga clic en su ruta para seleccionarla
• Ctrl-A para seleccionar todos los nodos en esa ruta
• Haga clic en Crear líneas de segmentos seleccionados (en la barra de herramientas en la parte superior, el icono es una línea diagonal recta entre dos nodos cuadrados).

Answer 2

Para la automatización, pruebe la extensión Flatten Bezier incluida en Inkscape. Descripción aquí .

Answer 3

Hay una forma más técnica de simplificar la ruta SVG - https://github.com/mattdesl/simplify-path

var path = [ [250, 150], [250, 150], [25, 25], [24, 25], [10, 10] ]
var tolerance = 10
path = simplify(path, tolerance)
//result:
//[ [ 250, 150 ], [ 25, 25 ], [ 10, 10 ] ]