问通过颜色选择器更改svg填充颜色
EN

Stack Overflow用户

提问于 2017-12-03 20:58:27

回答 0查看 713关注 0票数 2

我有以下问题。是否可以使用颜色选择器更改svg文件的填充颜色。到目前为止，我已经可以更改背景的颜色，但最好是更改图形的颜色，就像它是背景或前景一样。我将非常感谢您的帮助，因为我是一个刚刚学习用jquery编程的人，还不能理解所有的东西。下面我附加了我的代码。放置在diva中的图片是使用按钮更改的，因此它们是动态更改的。再次，我将非常感谢您的帮助。

<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>

javascript

jquery

svg

回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/47618606

复制

相似问题

问通过颜色选择器更改svg填充颜色
EN

回答

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问通过颜色选择器更改svg填充颜色EN

回答

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问通过颜色选择器更改svg填充颜色
EN