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

| 我正在使用Raphael Javascript库对网页进行一些基本绘制。我只是在画一些从点散发出来的线。在Chrome,Firefox和Opera中,这些行取决于SVG画布的大小。这是理想的行为,因为我想根据需要绘制光线,但是我不希望它影响页面的大小。如果我画一个5000像素宽的框,则只能看到画布内的部分。 但是,Internet Explorer(使您惊讶的是)完全忽略了画布的大小和边界,无法容纳任何绘制的内容。因此,如果我绘制一个从0,0开始的5000px宽的框,但是画布是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; }
    
已邀请:
(从作者更新中复制,以将问题标记为“已回答”) 只需将其添加到您的CSS中即可:
svg { overflow: hidden; }
    
我不希望它在溢出中消失,所以我需要两件事。
max-width
height
。 注意:使用
width
max-height
不起作用。     

要回复问题请先登录注册