SVG在Internet Explorer 9中的画布边界外绘制
SVG在Internet Explorer 9中的画布边界外绘制
提问于 2011-04-13 07:32:48
我正在使用拉斐尔的Javascript库为一个网页做一些基本的绘图。我只是画了一些从一点辐射出来的线。在Chrome、Firefox和Opera中，这些行取决于SVG画布的大小。这是所需的行为，因为我想绘制一条光线，只要我想，但我不希望它影响页面的大小。如果我画一个5000px宽的方框，只有画布里面的部分是可见的。
然而，Internet Explorer (惊喜)完全忽略了画布的大小和边界，并容纳了所绘制的任何内容。所以，如果我画了一个5000px宽的方框，从0，0开始，但是画布是50px x 50px，从20，20开始，你仍然会看到一个宽为5000px的0，0的方框，页面底部会有一个滚动条，这样你就可以横向滚动来查看整个页面。我不希望这种情况发生。
我怎样才能让Internet explorer在这方面像其他浏览器一样工作呢？我不希望页面能够滚动查看拉斐尔绘制的图像的其他部分，我希望边缘被裁剪的文件的自然大小。
我愚蠢地用这个新闻组帖子回答了我自己的问题：http://groups.google.com/group/raphaeljs/browse_thread/thread/43c71ec89a6a01ed
只需将此代码添加到您的CSS：
svg { overflow: hidden; }回答 2
Stack Overflow用户
发布于 2011-09-17 00:32:22
(从作者更新中复制，以便将问题标记为“已回答”)
只需将此代码添加到您的CSS：
svg { overflow: hidden; }Stack Overflow用户
发布于 2016-07-01 00:34:00
我不想它在溢出中消失，所以我需要两样东西。max-width和height。
注意:使用width和max-height不起作用。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5642815
复制相关文章
相似问题