internet-explorer - SVG 在 Internet Explorer 9 中绘制 Canvas 边界外

Question

我正在使用 Raphael Javascript 库为网页做一些基本的绘图。我只是在画一些从一点向外辐射的线。在 Chrome、Firefox 和 Opera 中，这些行取决于 SVG Canvas 的大小。这是所需的行为，因为我想绘制一条光线只要我愿意，但我不希望它影响页面的大小。如果我绘制一个 5000px 宽的框，则只有 Canvas 内的部分可见。

但是，Internet Explorer(出人意料)完全忽略了 Canvas 的大小和边界，并容纳了所绘制的任何内容。因此，如果我从 0, 0 开始绘制一个 5000px 宽的框，但 Canvas 是 50px x 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; }