我正在使用拉斐尔的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; }
https://stackoverflow.com/questions/5642815
复制相似问题