У меня есть элемент SVG path:
<path id="SvgjsPath1012" d="M97 267C100 106 400 100 400 250 "></path>
Он рисует для меня красивую кривую Безье, но форма заполнена. Он считает, что кривая должна быть замкнутым многоугольником. Так соединяет конечные вершины кривой прямой линией и заполняет всю замкнутую фигуру.
Все, что я хотел, это тонкая кривая «линия».
Пути по умолчанию имеют значение fill черного цвета и значение stroke отсутствия. Измените stroke и установите fill на «none», используя атрибут css или встроенный атрибут.
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;
}
Дайте знать, если у вас появятся вопросы.
Дополнительная информация:
