当图像大小或潜水尺寸发生变化而不拉伸图像时，以编程方式将图像设置为div标签

Question

首先，我在加载img标签之前获得了图像大小。

 function getImageDimensions(path, callback) {
        var img = new Image();
        img.onload = function () {
            callback({
                width: img.width
                , height: img.height
            });
        }
        img.src = path;
    }

使用

var image_he = img.height;
var image_wi = img.width;
    getImageDimensions(response.data.url, function (data) {
      var img = data;
      image_he = img.height;
      image_wi = img.width;
    }

然后我使用此函数来调整图像大小以达到div大小。（实际上img标记位于iframe。为了更好地理解我使用了div标记而不是{{ 1}}）

在设置图像之前我调用了波纹管功能。

iframe

不合身的图片。（我希望像第二张图片一样）

最适合的形象。