如何摆脱重叠svg形状的发际线

时间:2015-05-05 03:11:49

标签: javascript css svg d3.js

我正在使用d3和SVG绘制一个矩形。然后我在第一个矩形内绘制一个较小且不同颜色的不同矩形。当我将较小的矩形更改为与较大的矩形相同的颜色时,您可以看到较小的矩形所在的白色轮廓。什么是解决这个问题的方法,以便较小的一个只是融入更大的一个?

1 个答案:

答案 0 :(得分: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>