隱藏溢出對SVG元件內部內克元件

我具有以下SVG結構隱藏溢出對SVG元件內部內克元件

<svg class="ps-chart-svg" width="100%" viewBox="0 0 1039 792.4571428571428" preserveAspectRatio="xMidYMid"> 
    <g transform="translate(0,0)"> 
    <g class="focus" style="overflow:hidden" transform="translate(45,30)"> 
     <path class="line" d="..." fill="none" stroke="black"></path> 
    </g> 
    </g> 
</svg>

我想要做的是剪輯/隱藏其發生由於與類母體克元件內部路徑元件中的任何溢出焦點。如果我添加溢出：隱藏到svg然後路徑包含在svg元素內，但我想它包含在內部g元素內。

jsfiddle

來源

2015-06-10 r0h1t4sh

@ShrutiKarekal這只是隱藏g元素的所有內容，我想隱藏突出g元素的溢出 – r0h1t4sh

''元素永遠不會有溢出。他們自動化其內容。看看你沒有設置任何高度或寬度（即使你確實忽略了這些屬性）。 –

嘗試clip-path - 「關於組剪輯路徑」的例子。您可以設置任何形狀以通過此方法剪裁內容。

來源

2015-06-10 06:18:04

非常感謝你這是我一直在尋找:) – r0h1t4sh

隱藏溢出對SVG元件內部內克元件

回答

相關問題