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

Question

我有一个 SVGpath元素：

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

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

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

Answer 1

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

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