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
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%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%Tags und Links javascript regex svg