当加载的图像大于div时

时间:2014-05-10 21:50:24

标签: javascript jquery html css svg

我使用JavaScript库SVG.js 用户可以将图片加载到我的页面,例如var oFReader = new FileReader(); oFReader.readAsDataURL(document.getElementById("uploadImage").files[0]); oFReader.onload = function (oFREvent) { this.image = draw.image(oFREvent.target.result); }; 我有一个以下问题。当我div小于图片时加载图片并将其放到我的div时,我想创建一个滚动条? 我怎样才能做到这一点? 我将非常感谢你的帮助!

1 个答案:

答案 0 :(得分:1)

由于您没有显示我们正确查看的所有代码,因此请参阅此处。

你有一个div,div里面是svg图像。

您希望图像保留在div中,即使这意味着为div设置滚动条。

我会做以下事情:

CSS:

div { overflow: auto; width: 200px; height: 200px; }

通过为div设置固定的宽度/高度,它应该包含div中的图像,其上的任何内容都应该使滚动条出现。