SVG fill 属性
SVG形状的fill定义了其轮廓内的形状的颜色。换句话说,SVG形状的表面。填充是您可以为任何SVG形状设置的基本SVG CSS属性之一。
Fill示例
SVG形状的填充是形状轮廓内的填充。这是一个SVG填充示例:
示例
style="stroke: none; fill: #0000ff;" />
测试看看‹/›此示例定义了一个使用蓝色(#0000ff)填充颜色但没有描边颜色的圆。 以下是生成的图像:
填充和描边示例
您可以将SVG笔触和填充颜色组合为SVG形状。这是一个SVG笔触和填充示例:
示例
style="stroke: #000066; fill: #3333ff;" />
测试看看‹/›此示例使用较深的蓝色(#000066)描边颜色和较浅的蓝色(#3333ff)填充颜色定义圆。 以下是生成的图像:
fill-opacity
SVG CSS属性 fill-opacity 用于设置形状的填充颜色的不透明度。 fill-opacity 使用介于0和1之间的数值。值越接近0,填充越透明。 值越接近1,填充越不透明。 默认fill-opacity值为1,这意味着填充颜色是完全不透明的。
这是一个SVG填充不透明度 fill-opacity示例,其中包含两个具有不同(fill-opacity)的圆:
示例
Text Behind Shape
style="stroke: none; fill: #0000ff;
fill-opacity: 0.3; ">
style&#