SVG屏蔽的垂直线不可见

SVG屏蔽的垂直线不可见,svg,svg.js,Svg,Svg.js,在这个示例中,我使用SVG.js创建的line不可见,而line2不可见。不同之处在于,直线完全垂直,而直线2则不是。你能帮我吗 W=400; H=400; s = SVG('mySvg'); s.rect(W,H).fill('#f00') let maskRect = s.rect(W-20,H-20).move(10,10); maskRect.attr({ stroke: '#fff', 'strokeWidth': 0, fill: '#fff' }); let mask = s.m

在这个示例中,我使用SVG.js创建的line不可见,而line2不可见。不同之处在于,直线完全垂直,而直线2则不是。你能帮我吗

W=400;
H=400;
s = SVG('mySvg');
s.rect(W,H).fill('#f00')

let maskRect = s.rect(W-20,H-20).move(10,10);
maskRect.attr({
stroke: '#fff',
'strokeWidth': 0,
fill: '#fff'
});
let mask = s.mask().add(maskRect);

//not visible ???
let line = s.line(10,0,10,H);
line.stroke({color: '#0', width:4});
line.maskWith(mask)

//visible
let line2 = s.line(20,0,22,H);
line2.stroke({color: '#0', width:4});
line2.maskWith(mask)
代码笔:
如果这是与浏览器相关的,我将在Windows 10上使用Chrome版本58.0.3029.110(64位)

并与SVG.js开发人员进行了检查。这似乎与浏览器呈现内容的方式直接相关。请咨询SVG.js开发人员。这似乎与浏览器呈现内容的方式直接相关。