在SVG中,fill属性用于填充形状的内部。如果您的SVG形状没有填充或无法正确填充内部,则可能是以下原因之一:
-
您的路径没有封闭。在SVG中,填充只适用于封闭路径的内部,因此请确保路径从起点到终点都是闭合的。
-
您的路径覆盖了整个形状,使得填充无法进入形状。在这种情况下,您可以通过在路径上应用描边而不是填充来解决问题。
以下是一个示例SVG形状和相应的代码,该代码可以正确地填充形状内部:
<svg width="100" height="100">
<path d="M10 10 L50 10 L50 50 L10 50 Z" fill="#ff0000" stroke="#000000" stroke-width="2" />
</svg>
其中,路径“d”属性定义了一个封闭的形状,并将其填充为红色。路径还应用了黑色描边。
请注意,“Z”命令在路径的末尾用于闭合形状。