2017-10-16 169 views
-2

嘿傢伙即時嘗試使用ie功能或錯誤,但它適用於我的解決方案。SVG Polyline繪製限制

在IE中,如果我有一個更小的svg與更大的折線,折線顯示通過svg邊緣。

相同的代碼不適用於其他瀏覽器,我需要理解爲什麼只適用於IE。

有任何CSS或JS,我可以改變設置所有的瀏覽器,使結果相等,即?

這裏是代碼,在IE上運行並在其他瀏覽器上運行,您只能查看ie中的行,並且是我需要的。

svg 
 
{ 
 
    border: solid 1px red; margin: 40px 40px 20px 20px;  
 
}
<!DOCTYPE html> <html> <style> svg { border: solid 1px red; margin: 40px 40px 20px 20px; } </style> <body> <svg height="20" width="50"> <polyline points="20,20 40,25 60,40 80,120 120,140 200,180 200,-10" style="fill:none;stroke:black;stroke-width:3" /> </svg> </body> </html>

看到只有IE繪製在邊緣線。

See the image

+0

看到代碼: <!DOCTYPE HTML!> <折線點= 「20,20 40,25 60,40 80120 120140 200180 200,-10」 風格=「填寫:無中風:黑色;筆畫寬度:3" /> –

回答

0

設置爲SVG元素應該幫助風格overflow: visible;

有關規則的詳細信息,請參閱SVG overflow規範。如果<svg>元素不是獨立文檔的根,則由符合的瀏覽器樣式表設置overflow: hidden;

請注意,您仍然必須處理所有父元素的溢出規則。

+0

是的,它的工作,感謝的人! –