SVG基础----SVG图形填充颜色

SVG的填充是指在图形的描边内部填充指定的颜色

1、填充颜色

<svg>
    <circle cx="50" cy="50" r="30" style="stroke: none;fill: #1D7DB1;"></circle>
</svg>

2、填充和描边

<svg>
    <circle cx="50" cy="50" r="30" style="stroke: #010D02;fill: #1D7DB1;"></circle>
</svg>

3、填充色透明度

fill-opacity CSS属性用于设置SVG图形的填充色透明度

4、填充规则

fill-rule属性用于决定复杂的图形如何进行填充。fill-rule属性有两个可选值：

• nonzero
• evenodd

这两个值通常用于决定哪些部分是在图像的内部，哪些部分是在图形的外部。只有在图像内部的部分才会被填充。如果是一个圆形就非常简单，但是大多数图像并非如此简单