javascript - 当加载的图像大于 div 时

Question

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

Answer 1

由于您没有显示所有代码以供我们正确查看，以下是我的看法。

你有一个 div，div 里面是 svg 图片。

您希望图像保留在 div 中，即使这意味着为 div 放置一个滚动条也是如此。

我会做以下事情:

CSS:

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

通过为 div 放置一个固定的宽度/高度，它应该包含 div 内的图像，任何超过它的东西都应该使滚动条出现。