SVG路径中的非连续区域不是离散填充的

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