css修改svg图形背景色_使用CSS样式化可缩放矢量图形（SVG）

今天，我们将继续有关可伸缩矢量图形（SVG）的讨论，正如我们在前一篇文章中指出的那样，使用SVG的优点之一是可以使用CSS对其进行样式设置。

SVG样式属性

SVG的样式基本上与常规HTML元素的工作方式相同，实际上它们也共享一些公共属性。 但是，还有其他一些专门用于SVG对象的属性，除了CSS之外，它们还有自己的规范。

例如 ，在常规HTML元素中，我们可以使用background-color或background CSS属性添加背景色。 在SVG中，它有所不同。 而是使用fill属性指定背景色。 另外，元素的边框是使用stroke属性指定的，而不是像常规HTML中那样使用border ，您可以在此处看到完整的列表 。

如果您使用诸如Adobe Illustrator之类的矢量编辑器已经很长时间了，那么您可以很快猜到SVG中的属性命名机制源自该编辑器。