2017-10-16 111 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

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