私は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パス)場合、それはどこ出力から強調表示されなければならない管理者から更新する必要がありますプロパティの場所を持っています。 例に示します。
注:ダーク色の国は、プロパティの場所を持っている
ケース:我々のコードで以前
、我々はしました私たちのコードで直接SVGを使用し、管理者経由で状態(svgパス)を更新することができました特定の状態(svgパス)を強調表示するためのjQuery CSS。 。
コード図2:
<script>$("{{$california_state}}").css({ fill: "#9DC75B" });</script>
私たちは、ファイルとスピードアップSEOのパフォーマンスを軽量化する代わりに、完全な生のSVG要素のimgタグを使用することを決定しました。
質問:
が、それはSVGパスを変更/更新することが可能です(それはimg
タグで表示可能であった)、この内部ファイルは、SVG要素を呼び出して内部PHPファイルを経由して特定の強調表示するCSSを注入私たちの方法を使ってjQueryスクリプトを使用しているか、これに対してより良い代替ソリューションがありますか?
imgタグはスクリプトを実行しません。 –