SVG – 在按钮单击时更改填充颜色
我做了一个简单的测试svg-image。
我想制作切换按钮，所以当我点击btn-test1时，path1将是fill =“＃000”，其他的是“#FFF”。 我要制作一张有大约40条不同路径的地图，但我先尝试这个（不知道是否可能）？
这是目前为止的HTML：
编辑：这个JavaScript解决了它
$('.btn').click(function() { $('#path1, #path2, #path3').css({ fill: "#ffffff" }); var currentId = $(this).attr('id'); $('#path' + currentId +'').css({ fill: "#000" }); });
您正在寻找fill物业。
看到这个小提琴： http ： //jsfiddle.net/P6t2B/
例如：
$('#btn-test1').on("click", function() { $('#path1').css({ fill: "#ff0000" }); });
这样做（只是一个小例子）：
$(function(){ $("#btn-test1").on("click",function(){ $("#path1").attr("fill","#0000"); }); });
这将用＃0000填充path1
