Javascript 通过colorpicker更改svg填充颜色
我有以下问题。是否可以使用colorpicker更改svg文件的填充颜色。到目前为止，我已经到了一个时刻，我可以改变背景的颜色，但最好改变图形的颜色，就好像它是背景或前景一样。我将非常感谢您的帮助，因为我只是一个刚刚学会用jquery编程的人，还没有完全理解。下面我附上我的代码。放置在diva中的图片使用按钮进行更改，以便动态更改。再次感谢你的帮助Javascript 通过colorpicker更改svg填充颜色,javascript,jquery,svg,Javascript,Jquery,Svg,我有以下问题。是否可以使用colorpicker更改svg文件的填充颜色。到目前为止，我已经到了一个时刻，我可以改变背景的颜色，但最好改变图形的颜色，就好像它是背景或前景一样。我将非常感谢您的帮助，因为我只是一个刚刚学会用jquery编程的人，还没有完全理解。下面我附上我的代码。放置在diva中的图片使用按钮进行更改，以便动态更改。再次感谢你的帮助 <style> .inner1 { width: 500px; height: 500px; margin:0 auto; positi
<style>
.inner1
{
width: 500px;
height: 500px;
margin:0 auto;
position: absolute;
margin-bottom:0;
border:solid 2px black;
overflown:none;
}
</style>
<html>
<div id="Image-Holder-fg" class="inner1 " >
<img class="popart1" src ="img/DCIM/Animal/animal5.svg" style="width:
1425px; height: 1425px;" />
<img class="popart2" src ="img/DCIM/Animal/animal6.svg" style="width:
1425px; height: 1425px;" />
<img class="popart3" src ="img/DCIM/Animal/animal7.svg" style="width:
1425px; height: 1425px;" />
<img class="popart4" src ="img/DCIM/Animal/animal8.svg" style="width:
1425px; height: 1425px;" />
</div>
<div id="picker-fg"></div>
</html>
<script>
$('#picker-fg').colpick({
flat:true,
layout:'hex',
submit:0,
colorScheme:'dark',
onChange:function(hsb,hex,rgb,el,bySetColor) {
$("#Image-Holder-fg").css('background-color','#'+hex);
if(!bySetColor) $(el).val(hex);
}
}).keyup(function(){
$(this).colpickSetColor(this.value);
});
</script>
.1
{
宽度：500px；
高度：500px；
保证金：0自动；
位置：绝对位置；
页边距底部：0；
边框：纯色2px黑色；
飞越：无；
}
$（“#picker fg”）.colpick({
平：是的，
布局：'hex'，
提交：0，
配色方案：“深色”，
onChange：函数（hsb、十六进制、rgb、el、bySetColor）{
$（“#图像保持器fg”）.css（'background-color'，'#'+hex）；
如果（！bySetColor）$（el）.val（十六进制）；
}
}).keyup（函数（）{
$（this.colpickSetColor）（this.value）；
});