非連續區被不填充離散

Question

我有以下的SVG路徑字符串：

var pathStepBack = "m 12 20 l 10 -8 l 0 16 Z m 12 -8 l 5 0 l 0 16 l -5 0 Z"; 

它具有像退一步VCR按鈕的兩個非相鄰區域中。當它呈現在Firefox它看起來像這樣：

因此，兩個區域之間的差距越來越充滿填充顏色。當然，我可以創建兩條不同的路徑，但理想情況下，我希望有一個（可點擊的）對象。有沒有辦法修改字符串，以便它不會用顏色填充兩個封閉區域之間的區域？

Answer 1

當形狀之間的分隔只有一個像素時，它似乎只是SVG渲染器/解釋器中的一個錯誤。

如果通過將m 12 -8更改爲m 13 -8將分隔更改爲2像素，則路徑顯示正確。