可以改变特定SVG路径的颜色点击按钮吗？

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')等。