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

Question

我有一个 SVG path 元素：

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

它为我绘制了一条漂亮的贝塞尔曲线，但形状已填充。它认为曲线是一个封闭的多边形。所以用直线连接曲线的端点并填充整个封闭形状。

我想要的只是一个细 "line" 曲线。

Answer 1

路径默认为 fill 黑色值和 stroke 值 none。使用 css 或内联属性更改 stroke 并将 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