html - ストロークダッシュアレイをパス上でオンラインと同じように表示する方法

Question

16pxのパスと14pxのギャップを持つ破線のパターンを作成しようとしています。私は使用してみました：

stroke-dasharray: 16px 14px;

これは私の<line>要素では機能しますが、私の要素では何もしないようです<path>。

これが遊ぶためのフィドルです：http：//jsfiddle.net/Wexcode/avTY6/

Answer 1

わずかにオフセットされた2つの円弧が互いの上にあります。さらに、パスはデフォルトで黒で塗りつぶされます（線は塗りつぶしを使用しません）。これはあなたが望むものについてのようです

Answer 2

私は専門家ではありませんが、このパスの値の組み合わせを設定することはできないようです（おそらく、この値の組み合わせが円の周りで重なっていて、単一の線のように見えるためです）。12px 10px
で 試してみると機能しますが、 14px 10px （両方の値）で試してみると機能しません。