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; }

Answer 2

我不希望它在溢出中消失，所以我需要两件事。 max-width和height。

注意：使用width和max-height无效。