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