0
我有一個SVG path
元素:爲什麼SVG路徑曲線被填滿?
<path id="SvgjsPath1012" d="M97 267C100 106 400 100 400 250 "></path>
它吸引了一個很好的貝塞爾曲線的我,但形狀填充。它認爲曲線是一個封閉的多邊形。因此,用直線連接曲線的末端頂點並填充整個閉合形狀。
我想要的只是一條薄的「直線」曲線。
我有一個SVG path
元素:爲什麼SVG路徑曲線被填滿?
<path id="SvgjsPath1012" d="M97 267C100 106 400 100 400 250 "></path>
它吸引了一個很好的貝塞爾曲線的我,但形狀填充。它認爲曲線是一個封閉的多邊形。因此,用直線連接曲線的末端頂點並填充整個閉合形狀。
我想要的只是一條薄的「直線」曲線。
路徑默認值爲黑色的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;
}
讓我知道如果您有任何問題。
其他信息: