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

Question

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

stroke-dasharray: 16px 14px;

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

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

Answer 1

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

Answer 2

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