非连续区被不填充离散

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像素，则路径显示正确。