如何让stroke-dasharray在路径上看起来与在线看起来一样

Question

我正在尝试创建一个16px路径的虚线图案，然后是14px的间隙。我尝试过使用：

stroke-dasharray: 16px 14px;

适用于我的<line>元素，但似乎对我的<path>元素没有任何作用。

这是一个小提琴：http://jsfiddle.net/Wexcode/avTY6/

Answer 1

你在彼此的顶部有两个弧稍微偏移。此外，路径默认填充为黑色（行不使用填充）。 This似乎是关于你想要的东西

Answer 2

我不是专家，但似乎你不能为这条路径设置任何值组合（可能因为这些值的组合在圆圈周围重叠，所以它看起来像是单行）。
如果您尝试使用 12px 10px ，它会起作用，但是如果您尝试使用 14px 10px （两个值都是完整的），它将无效。