SVGでのdashArrayの出力がChromeとIEで異なる

Question

svg要素（パス）のdashArrayプロパティを0,0と指定しました。しかし、これをChromeとInternet Explorerで実行すると、出力が異なります。 Chromeブラウザのため

<svg height="80" width="300"> 
    <g fill="none" stroke="black" stroke-width="4"> 
    <path stroke-dasharray="0,0" d="M5 20 l215 0" /> 
    <path stroke-dasharray="5,2" d="M5 40 l215 0" /> 
    </g> 
</svg> 

スクリーンショット：Internet Explorerの

スクリーンショット：だから

、私は正しい出力とどのように達成することである1知っていただきたいと思います他のブラウザで正しい出力。親切にも、この問題を解決するためのあなたのアイデアを教えてください。

ありがとう、 ダーラニ。

Answer 1

SVG spec is ambiguous on the matterしかし、仕様書作成者は、Chromeが正しいことを明確にしました。仕様がまだ更新されているかどうかは不明です。 Firefoxもリンクを作成します（リンクされたバグで読むことができるような議論の後に）。

すべてのブラウザで実線をレンダリングする場合は、stroke-dasharrayプロパティをすべて削除するか、ダッシュの長さを0以上に設定します。