如何從重疊的svg形狀中擺脫髮際線

我正在使用d3和SVG繪製矩形。然後在第一個矩形內繪製一個更小且顏色不同的矩形。當我將較小的矩形更改爲與較大矩形相同的顏色時，可以看到較小矩形所在的白色輪廓。什麼是賭注的方式來解決這個問題，以便較小的一個融入更大的一個？如何從重疊的svg形狀中擺脫髮際線

來源

2015-05-05 SirJackovich

你同時設置'fill'和'stroke'相同顏色？這聽起來像你只是設置「填充」而不是「中風」。 – GregL

另外，請分享您的代碼繪製兩個矩形？我無法輕易地重現這一點。 – GregL

只要你的較小的矩形內沒有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>

來源

2015-05-05 09:54:53

如何從重疊的svg形狀中擺脫髮際線

回答

相關問題