Question

我有一张SVG国家地图，其中包含各省的路径。单击按钮是否可以更改特定路径（特定省份）的颜色？每个省在SVG文件中都有唯一的名称和ID。如有必要，我可以更改SVG文件。我一点都不知道如何使用Java以编程方式定位路径。

SVG看起来像这样：

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   xmlns:mapsvg="http://mapsvg.com"
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   width="612.54211"
   height="723.61865">
  
  <path
     d="bla bla some code"
     title="A"
     id="province-1" />
<path
     d="bla bla some code"
     title="B"
     id="province-2" />
</svg>

谢谢。

Answer 1

是的。对于任何路径，您都可以设置填充属性以设置特定的颜色。像这样：

<path
     fill="#ffffff"
     d="bla bla some code"
     title="B"
     id="province-2" />
</svg>

但是我没有Java解决方案。在JS中，您可以使用带有标签，名称，ID和其他类似document.QuerySelectorAll（'svg'）或document.getElementById（'yourId'）等的元素。

可以在单击按钮时更改特定SVG路径的颜色吗？

1 个答案: