我正在構建一個SVG圖像(樹形圖,橢圓節點),我想用橢圓線連接,但我想要的行開始於邊緣橢圓。由於計算在邊緣秋季開始或結束的線正好有是非常困難的,我是從橢圓的中心繪製的線,並尋找辦法有疊加就行了橢圓,因此它掩蓋了重疊部分,從而使得線條僅在橢圓的邊緣開始出現。因爲SVG通過元素順序執行z順序,所以如果我先創建連接線然後再創建連接線,那除了...SVG Z-順序與不透明度<1
...我希望橢圓是藍色或紅色的填充不透明度=「0.15」,但是當我這樣做時,線條就會顯現出來。當然,這是有道理的,低透明度的東西不能完全掩蓋它所涵蓋的東西,但我無法弄清楚如何獲得我想要的效果。我發現一個工作溶液:針對我想每個橢圓,我首先創建相同的大小和位置爲1的白色填充和不透明性的橢圓形,並且掩模所述連接線充分它們重疊。然後,我在白色橢圓上疊加我想要渲染的橢圓,並使用0.15或0.15的藍色或紅色填充和不透明度。這看起來像我希望它看起來,但它感覺很爛。我忽略了一個優雅的解決方案嗎?
這聽起來缺憾填充顏色。爲什麼你需要半透明背景?你是否需要通過節點顯示其他元素或背景?或者你只需要顏色? – Duopixel