Extrahiere x, y Koordinaten aus einem beliebigen SVG Pfad mit Javascript

8

Ich möchte die Koordinaten innerhalb eines SVG-Pfades durch Variablen ersetzen. (mit Javascript). Während Svg Weg von vielen Arten sein könnte, wäre es eine große Hilfe, um Unterstützung für ein konkretes Beispiel zu bekommen:

%Vor%

Ich möchte, dass dieser SVG-Pfad in

umgewandelt wird %Vor%

Also ist mein Problem, das richtige Javascript RegExp zu finden, um alle Variablen zu extrahieren und dadurch den SVG-Pfad zu erzeugen.

Was ich tatsächlich mache, ist ein Javascript-Objekt zu erstellen, das eine gegebene SVG darstellt und ich möchte die Koordinaten individuell einstellen können.

Jede Hilfe wird sehr geschätzt

thx, Martin

UPDATE: Neben der akzeptierten Antwort gibt es auch eine sehr praktische Methode in der wunderbaren raphael.js-Bibliothek, um einen SVG-Pfad zu analysieren

Ссылка

    
dorjeduck 07.11.2013, 09:42
quelle

3 Antworten

11

Verwenden Sie einfach das SVG-DOM, um es zu parsen es gibt weitere Details in diese Frage / Antwort , aber im Grunde tun Sie

%Vor%

und das gibt Ihnen ein Array von Segmenten und Werten, die Sie lesen oder schreiben können, z. B.

%Vor%     
Robert Longson 07.11.2013, 11:18
quelle
2

Dies könnte Ihre Regex sein:

%Vor%     
Manolo 07.11.2013 09:47
quelle
0

Ich lerne gerade JavaScript, damit ich nicht mit der transformierenden Sache helfen kann, aber diese Regex sollte helfen:

%Vor%

Er erfasst alle Koordinaten aus der angegebenen Zeichenfolge und vermeidet dabei Zeichen [a-zA-Z] .

Aber ich kann etwas mehr oder weniger Code in Java zur Verfügung stellen, der die Aufgabe übernehmen würde.

%Vor%     
Tafari 07.11.2013 09:54
quelle

Tags und Links