2016-07-22 6 views
1

私はSVG版のUSAマップを持っていますが、そこにある各状態を変更したいのですが、SVGファイルの属性はimgタグです。アップデート/修正svg imgタグをPHPファイル

コード図1:

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

usa-map.svgからの各状態(SVGパス)は状態(SVGパス)場合、それはどこ出力から強調表示されなければならない管理者から更新する必要がありますプロパティの場所を持っています。 例に示します。

画像図1: enter image description here

注:ダーク色の国は、プロパティの場所を持っている

ケース:我々のコードで以前

、我々はしました私たちのコードで直接SVGを使用し、管理者経由で状態(svgパス)を更新することができました特定の状態(svgパス)を強調表示するためのjQuery CSS。 。

コード図2:

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

私たちは、ファイルとスピードアップSEOのパフォーマンスを軽量化する代わりに、完全な生のSVG要素のimgタグを使用することを決定しました。

質問:

が、それはSVGパスを変更/更新することが可能です(それはimgタグで表示可能であった)、この内部ファイルは、SVG要素を呼び出して内部PHPファイルを経由して特定の強調表示するCSSを注入私たちの方法を使ってjQueryスクリプトを使用しているか、これに対してより良い代替ソリューションがありますか?

+0

imgタグはスクリプトを実行しません。 –

答えて

0

webserverを使用すると、本来svgを開いて解決策になるかもしれないphpファイルであるsvgファイルパスに書き直されることがあります。

イメージをimgタグに含めることはできます。