SVG Polyline绘制限制
问题描述:
嘿家伙即时尝试使用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绘制在边缘线。
答
设置为SVG元素应该帮助风格overflow: visible;
。
有关规则的详细信息,请参阅SVG overflow规范。如果<svg>
元素不是独立文档的根,则由符合的浏览器样式表设置overflow: hidden;
。
请注意,您仍然必须处理所有父元素的溢出规则。
+0
是的,它的工作,感谢的人! –
看到代码:
–