在用作背景图像时修改SVG填充颜色
将SVG输出直接放在页面代码中,我可以简单地用CSS修改填充颜色,如下所示:polygon.mystar {
fill: blue;}circle.mycircle {
fill: green;}
这很好用,但是当SVG作为背景图像时,我正在寻找一种修改SVG的“填充”属性的方法。html {
background-image: url(../img/bg.svg);}
我现在怎么换颜色?有可能吗?
作为参考,以下是我的外部SVG文件的内容:
width="320px" height="100px" viewBox="0 0 320 100" enable-background="new 0 0 320 100" xml:space="preserve">
118.329,65.43 121.507,46.896 108.042,33.77 126.65,31.066 "/>