2012-09-08 85 views
0

我正在構建一個SVG圖像(樹形圖,橢圓節點),我想用橢圓線連接,但我想要的行開始於邊緣橢圓。由於計算在邊緣秋季開始或結束的線正好有是非常困難的,我是從橢圓的中心繪製的線,並尋找辦法有疊加就行了橢圓,因此它掩蓋了重疊部分,從而使得線條僅在橢圓的邊緣開始出現。因爲SVG通過元素順序執行z順序,所以如果我先創建連接線然後再創建連接線,那除了...SVG Z-順序與不透明度<1

...我希望橢圓是藍色或紅色的填充不透明度=「0.15」,但是當我這樣做時,線條就會顯現出來。當然,這是有道理的,低透明度的東西不能完全掩蓋它所涵蓋的東西,但我無法弄清楚如何獲得我想要的效果。我發現一個工作溶液:針對我想每個橢圓,我首先創建相同的大小和位置爲1的白色填充和不透明性的橢圓形,並且掩模所述連接線充分它們重疊。然後,我在白色橢圓上疊加我想要渲染的橢圓,並使用0.15或0.15的藍色或紅色填充和不透明度。這看起來像我希望它看起來,但它感覺很爛。我忽略了一個優雅的解決方案嗎?

+0

這聽起來缺憾填充顏色。爲什麼你需要半透明背景?你是否需要通過節點顯示其他元素或背景?或者你只需​​要顏色? – Duopixel

回答

0

你需要得到它的顏色已經呈現fill-opacity在白色背景之後。

把你的SVG的屏幕截圖,在圖形編輯軟件,如Photoshop中打開它,使用滴管工具來檢查所呈現的色彩和複製的十六進制值。然後用它作爲fill-opacity="1"