为什么SVG路径曲线会被填满？

Question

我有一个SVG path元素：

<path id="SvgjsPath1012" d="M97 267C100 106 400 100 400 250 "></path>

它为我绘制了一条漂亮的Bezier曲线，但形状却被填满了。它认为曲线是一个封闭的多边形。因此，将曲线的末端顶点与直线连接起来，并填充整个闭合的形状。

我想要的只是一条细线“。”

Answer 1

路径默认为fill黑色值，stroke值为无。更改stroke并使用css或inline属性将fill设置为“none”。

http://jsfiddle.net/dirtyd77/ehnzxg00/

内联：

<path id="SvgjsPath1012" d="M97 267C100 106 400 100 400 250" stroke="red" fill="none"></path>

CSS：

#SvgjsPath1012{
    fill: none;
    stroke: purple;
}

如果您有任何问题，请与我们联系。

---

其他信息：

• https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Fills_and_Strokes