svg img-Tag aus PHP-Datei

Question

aktualisieren/ändern Ich habe SVG-Version von USA-Karte, und wollte jeden Zustand dort ändern, jedoch wurde die SVG-Datei Attribut img Tag.

-Code Abb. 1:

<img src="https://www.domain.com/path/to/svg/usa-map.svg" alt=""> 

Jeder Staat (svg Pfad) von usa-map.svg muß vom Administrator aktualisieren, wo es sollte von der Ausgabe hervorgehoben werden, in dem, wenn der Staat (svg Pfad) Habe den Standort der Immobilie. Im Beispiel gezeigt.

Bild Abb. 1:

Hinweis: Dunkle Staaten haben Immobilienstandorte

Fall:

Zuvor in unserem Code, wir haben hat es geschafft, direktes SVG in unserem Code zu verwenden und den Status (svg path) über admin usin zu aktualisieren g jQuery CSS, um bestimmten Status (Svg Pfad) hervorzuheben.

-Code Abb. 2:

<script>$("{{$california_state}}").css({ fill: "#9DC75B" });</script> 

Wir entscheiden statt Voll roh svg Element den img-Tag zu verwenden, um Gewicht der Datei zu reduzieren und Speed-up der SEO-Performance.

Frage:

Ist es möglich, den SVG-Pfad zu aktualisieren/ändern über interne PHP-Datei, in dieser internen Datei Aufruf das SVG-Elements und injiziert die CSS (während es in img Tag sichtbar war) sicher zu markieren Gibt an, dass jQuery-Skript mit unserer Methode verwendet wird oder gibt es dafür bessere alternative Lösungen?

Answer 1

Vielleicht schreibt der Webserver zu einem Svg-Datei-Pfad, der ursprünglich eine PHP-Datei ist, die die echte Svg öffnet und ändert, könnte es eine Lösung sein.

So könnten Sie das Bild immer noch über ein IMG-Tag einschließen.