Javascript 获取已调整大小的BG图像的大小

我有一个带有背景图像的div，其大小设置为

contain

：

.image{
    width: 95%;
    height: 95%;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    background-image: url('image_url');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

大图像正在被“缩小”以适应该分区。我想在通过

背景大小：contain缩小后获得图像的宽度和高度

我试着做到以下几点：

var myImg, frame;
document.addEventListener("DOMContentLoaded", onload);
function onload() {
    myImg= document.getElementById('image');
    frame = document.getElementById('frame');

    var img = new Image();
    img.src = window.getComputedStyle(myImg).getPropertyValue("background-image").replace(/url\(|\)$/ig, "");
    img.onload = function() {
        var imgHeight = img.height;
        console.log(imgHeight);
    }
}

问题是我得到的是实际图像的大小，而不是调整大小的图像。能做到吗？此外，我需要使用普通的vanilla JS，而不是jQuery或任何其他库…
您可以采用另一种方法，而不是自己计算图像尺寸。既然你有图像维度和div维度，这应该不难。@Fester也许不应该，但我有一些问题。。。你知道怎么做吗？看看这个问题：