SVG在Internet Explorer 9中绘制外部画布边界

Question

我正在使用Raphael Javascript库为网页做一些基本的绘图.我只画了一些从一点辐射出来的线条.在Chrome,Firefox和Opera中,这些行的大小取决于SVG画布的大小.这是所需的行为,因为我想根据需要绘制光线,但我不希望它影响页面的大小.如果我绘制一个5000px宽的框,则只能看到画布内的部分.

但是,Internet Explorer(惊喜)完全忽略了画布的大小和范围,并适应绘制的任何内容.因此,如果我绘制一个从0,0开始的5000px宽盒子,但画布是50px乘50px并从20,20开始,你仍然会看到一个0,0的盒子,宽度为5000px,页面将有一个滚动条在底部,所以你可以侧身滚动查看整个事情.我不希望这种情况发生.

如何让Internet Explorer在这方面表现得像其他浏览器一样？我不希望页面能够滚动查看Raphael绘制的图像的其他部分,我希望边缘被文档的自然大小剪裁.

---

我用这个新闻组主题愚蠢地回答了我自己的问题:http://groups.google.com/group/raphaeljs/browse_thread/thread/43c71ec89a6a01ed

只需将其添加到您的CSS:

svg { overflow: hidden; }

Answer 1

(从作者更新复制,以便将问题标记为"已回答")

只需将其添加到您的CSS:

svg { overflow: hidden; }