2015-05-05 39 views
0

我正在使用d3和SVG绘制矩形。然后在第一个矩形内绘制一个更小且颜色不同的矩形。当我将较小的矩形更改为与较大矩形相同的颜色时,可以看到较小矩形所在的白色轮廓。什么是赌注的方式来解决这个问题,以便较小的一个融入更大的一个?如何从重叠的svg形状中摆脱发际线

+0

你同时设置'fill'和'stroke'相同颜色?这听起来像你只是设置“填充”而不是“中风”。 – GregL

+0

另外,请分享您的代码绘制两个矩形?我无法轻易地重现这一点。 – GregL

回答

0

只要你的较小的矩形内没有stroke颜色,那么它就不应该是可见的。

<svg width="400" height="200"> 
 

 
    <rect x="20" y="20" width="160" height="160" fill="red"/> 
 
    <rect x="50" y="50" width="100" height="100" fill="green"/> 
 

 
    <rect x="220" y="20" width="160" height="160" fill="red"/> 
 
    <rect x="250" y="50" width="100" height="100" fill="red"/> 
 

 
</svg>