Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css SVG精灵的着色方法 请帮助我为SVG sprite着色。_Css_Svg_Sprite - Fatal编程技术网

Css SVG精灵的着色方法 请帮助我为SVG sprite着色。

Css SVG精灵的着色方法 请帮助我为SVG sprite着色。,css,svg,sprite,Css,Svg,Sprite,我已经发现我们: 列表项 CSS3过滤器 CSS3掩模 添加笔划和填充参数 我看到了但不记得关于标记方法的内容。请您提供此方法和我错过的任何其他方法的描述链接…您可以在SVG元素上使用class或id属性,然后通过CSS更改笔划颜色。但它不会覆盖实际的笔划或/和填充属性。覆盖我的需求,因为我使用与CSS背景和内联图标相同的图标。您可以不设置笔划属性,通过svg的defs元素中的样式表为元素着色,然后使用具有更高特定性的规则的其他样式表。唯一不需要在服务器端动态生成svg的另一个实际选项是修改笔划

我已经发现我们:

  • 列表项
  • CSS3过滤器
  • CSS3掩模
  • 添加笔划和填充参数

  • 我看到了但不记得关于
    标记方法的内容。请您提供此方法和我错过的任何其他方法的描述链接…

    您可以在SVG元素上使用class或id属性,然后通过CSS更改
    笔划
    颜色。但它不会覆盖实际的
    笔划
    或/和
    填充
    属性。覆盖我的需求,因为我使用与CSS背景和内联图标相同的图标。您可以不设置笔划属性,通过svg的defs元素中的样式表为元素着色,然后使用具有更高特定性的规则的其他样式表。唯一不需要在服务器端动态生成svg的另一个实际选项是修改笔划属性的javascript函数。如果通过CSS将svg作为图像拉入,而不是插入到实际的DOM中,那么这可能不是一个选项。