Question

我有美国地图的SVG版本，并希望修改那里的每个州，但是，SVG文件属于img标签。

代码图1：

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

来自usa-map.svg的每个州（svg路径）都需要从管理员更新，其中应该从输出中突出显示，如果状态（svg路径）具有属性位置。 示例中显示。

图片图1：

注意：深色状态具有属性位置

案例：

以前在我们的代码中，我们设法在代码中使用直接SVG，并使用jQuery css通过admin更新状态（svg路径）以突出显示某些状态（svg路径）。

代码图2：

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

我们决定使用img标签而不是完整的原始svg元素来减轻文件的重量并加快SEO性能。

问题：

是否可以通过内部PHP文件更新/修改SVG路径（当它在img标签中可见时），其中此内部文件调用SVG元素并使用jQuery脚本注入css突出显示某些状态我们的方法还是有更好的替代方案吗？

Answer 1

也许使用webserver重写为svg文件路径，它最初是一个php文件，打开真正的svg并修改它可能是一个解决方案。

所以你仍然可以将图像包含在img标签上。