javascript – 未关闭的SVG路径似乎已关闭

我正在用d3写一些东西,我遇到了一个奇怪的问题。封闭的路径以“Z”字符结束,但是我所做的每个路径都会关闭(并填充),而不管我是否包含Z。即使是孤立地从规范复制的例子这发生了。例如:

<svg>
    <path d="M 40 60 L 10 60 L 40 42.68 M 60 60 L 90 60 L 60 42.68"/>
</svg>

对于什么问题可能会感到困惑。我会感谢任何见解。

相关线从SVG specification,关于filling paths

The fill operation fills open subpaths by performing the fill operation as if an additional “closepath” command were added to the path to connect the last point of the subpath with the first point of the subpath.

所以,就填补而言,最后有一个隐含的“Z”。然而,对于中风,没有隐含的关闭,因此除非你明确地添加一个“Z”,否则不会画一个将最后一个点连接到第一个点的笔画。

如果您只想应用笔画,请使用CSS来禁用填充:

path {
  fill: none;
  stroke: #000;
  stroke-width: 1.5px;
}

(我看到你回答了自己的问题,但我认为其他人仍然可以找到一个有用的解释。)

http://stackoverflow.com/questions/10213155/unclosed-svg-path-appears-to-be-closed

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:javascript – 未关闭的SVG路径似乎已关闭