html - 如何让 stroke-dasharray 在路径上看起来与在线上相同

Question

我正在尝试创建一个具有 16px 路径和 14px 间隙的虚线图案。我试过使用：

stroke-dasharray: 16px 14px;

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

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

Answer 1

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

Answer 2

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