允许SVG图形在包含SVG元素外溢出

18
我正在使用Raphaël - JavaScript库创建一些饼图,但我想将包含的SVG元素的溢出设置为可见,以允许内部图形显示在容器外部。 与普通DOM元素相同的方法(overflow:visible;)似乎不适用于SVG容器。有没有人有这方面的经验或知道如何解决这个问题?

为什么不直接改变容器的大小以避免裁剪? - James Black
1
我正在尝试避免破坏布局,如果将容器变大并进行定位,则会破坏其他元素的流动性。 - Simon Kenyon Shepard
1个回答

14

这是Firefox的一个漏洞

WebKit对SVG元素正确实现了overflow: visible,IE对VML元素也一样。


5
对于其他在Google上偶然看到此老回答的人,注意:overflow: visible现在在Firefox中可以如预期般工作。 - Tersosauros
对我不起作用。 我使用 <div style='width:100%;'> <img src='/svg/gcchart.php' style='height:425px;overflow-x:scroll; direction:rtl;' /> </div>,但是这个图像无法溢出。 overflow-x:visible 的结果也相同。 在 SVG 中,我使用宽度、重量和视口属性。 编辑:将 img 替换为 embed 后它可以工作。 - user5147563

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接