为什么SVG路径曲线会被填充？
我有一个SVGpath元素：
<path id="SvgjsPath1012" d="M97 267C100 106 400 100 400 250 "></path>
共有1个答案
路径默认为填充值为黑色，笔画值为无。使用css或内联属性更改笔画并将填充设置为“无”。
http://jsfidle.net/dirtyd77/ehnzxg00/
内联：
<path id="SvgjsPath1012" d="M97 267C100 106 400 100 400 250" stroke="red" fill="none"></path>
#SvgjsPath1012{
fill: none;
stroke: purple;
}
其他信息：
- https://developer.mozilla.org/en-us/docs/web/svg/tutorial/fills_and_strokes
-
我有一个箭头头的路径，我想做一个颜色过渡动画，从左到右。 我已经为线和箭头做了这件事，但它似乎不是同步的。我希望线和箭头都过渡颜色无缝。 CSS
-
一个扩展了Curve的抽象基类。CurvePath仅仅是一个已连接的曲线的数组，但保留了曲线的API。 构造函数 CurvePath() 构造函数中不传入参数。 属性 共有属性请参见其基类Curve。 .curves : Array Curves数组。 .autoClose : Boolean 是否自动闭合路径。 方法 共有方法请参见其基类Curve。 .add ( curve : Curve )
-
SVG 曲线 - <polyline> 实例 1 <polyline> 元素是用于创建任何只有直线的形状：Sorry, your browser does not support inline SVG. 下面是SVG代码：<svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <polyline points="20,20 40,25 60,4
-
问题内容： 我正在尝试从左到右制作箭头动画，箭头路径的代码如下所示： 以上是我的箭头的svg路径内容。 有人可以帮助我如何从左到右填充路径。等待快速响应 问题答案： 您可以通过仅对中的s设置动画来完成此操作。 这是如何工作的，我们有一个线性梯度表示从绿色到白色的突然变化。所述元件移动位置，即突然变化，从左边的箭头（偏移= 0）到右侧的（偏移量=“1”）。 请注意，SVG 元素在IE中不起作用。如果
-
SVG 路径 - <path> <path> 元素用于定义一个路径。 下面的命令可用于路径数据： M = moveto L = lineto H = horizontal lineto V = vertical lineto C = curveto S = smooth curveto Q = quadratic Bézier curve T = smooth quadratic Bézier c
-
问题内容： 我正在尝试将SVG路径转换为Node中的点列表。我正在使用elementtree来解析SVG文件。 d是路径的定义，getPos只是将“ x，y”变成带有x和ay的对象，doLine只是将坐标添加到列表中。 目前，这似乎无法正常工作。 我知道我的路径永远不会有曲线，因此我不必为此担心。 我不确定SVG标准，所以如果有人可以帮助我，将非常感谢。 问题答案： SVG包含自己的路径段 解析器