css - パス要素の SVG ボーダーが他の要素よりも大きい

Question

すべてを説明するよりも、デモへのリンクを次に示します。

http://jsfiddle.net/sLCzP/

問題は、白いパスが上にあるときに黒いパスを見たくないということです。私はまったく同じボーダーを使用して8pxいますが、なぜ黒いボーダーが見えるのかわかりません。

私を助けてくれてありがとう。

Answer 1

これは、黒い弧のアンチエイリアス処理されたエッジ ピクセルの一部が、部分的に透明なアンチエイリアス処理された白いエッジ ピクセルを通して透けて見えるためです。

解決策は、白い弧を黒い弧よりも少し太くすることです。または、表示されている黒い弧の部分のみを描画します (重複しないようにします)。