如何讓stroke-dasharray在路徑上看起來與在線看起來一樣

Question

我正在嘗試創建一個16px路徑的虛線模式，然后是14px的間隙。 我嘗試過使用：

stroke-dasharray: 16px 14px;

它適用於我的<line>元素，但似乎對我的<path>元素沒有任何作用。

這是一個小提琴： http ： //jsfiddle.net/Wexcode/avTY6/

Answer 1

你在彼此的頂部有兩個弧稍微偏移。 此外，路徑默認填充為黑色（行不使用填充）。 這似乎是關於你想要的

Answer 2

我不是專家，但似乎你不能為這條路徑設置任何值的組合（可能因為這些值的組合重疊在圓圈周圍所以它看起來像是單行）。
如果您嘗試12px 10px ，它可以工作，但是再次，如果您嘗試使用14px 10px （兩個完整值） - 它不起作用。