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

SVG路径中的非连续区域不是离散填充的,svg,background,fill,Svg,Background,Fill,我有以下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中呈现时,如下所示: 因此,两个区域之间的间隙将被填充颜色填充。当然,我可以创建两个不同的路径,但理想情况下,我希望有一个(可单击的)对象。有没有办法修改字符串,使其不会用颜色填充两个闭合区域之间的区域?当形状之间的间隔仅为一个像素时

我有以下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中呈现时,如下所示:


因此,两个区域之间的间隙将被填充颜色填充。当然,我可以创建两个不同的路径,但理想情况下,我希望有一个(可单击的)对象。有没有办法修改字符串,使其不会用颜色填充两个闭合区域之间的区域?

当形状之间的间隔仅为一个像素时,SVG渲染器/解释器中似乎只是一个bug


如果通过将
m12-8
更改为
m13-8
将间隔更改为2像素,则路径将正确显示。

这不是错误,只是抗锯齿。