Question

我正在尝试创建SVG图标集的想法。我想要做的是定义一个调色板，并使用笔触，填充和渐变颜色停止颜色参考调色板中的颜色，这些颜色将由每个SVG文件以某种方式导入。这样，如果我想创建图标集的灰度版本，或者为特定类型的颜色调整颜色，那么我可以更改调色板。

这样的事情可能吗？

Answer 1

与任何XML文件一样，SVG支持CSS。

<强> mystyle.css

rect {
  fill: red;
  stroke: blue;
  stroke-width: 3
}

引用mystyle.css的SVG文件

<?xml version="1.0" standalone="no"?>
<?xml-stylesheet href="mystyle.css" type="text/css"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
     width="10cm" height="5cm" viewBox="0 0 1000 500">
  <rect x="200" y="100" width="600" height="300"/>
</svg>

是否可以导入调色板并使用笔触，填充和渐变颜色停止颜色参考调色板？

1 个答案: