Question

我使用JavaScript动态创建img个元素。

这些元素具有CSS max-width属性，因此可以调整它们的大小。

我尝试了以下代码。

function addPhoto(title, imgPath, tags) {
    ...
    var photoImg = document.createElement('img');
    photoImg.src = imgPath;
    console.log(photoImg.naturalHeight);
    console.log(photoImg.naturalWidth);
    ...
}

如果我运行上面的代码，它会打印原始图像的宽度和高度。

如何调整width元素的height和img的大小？

Answer 1

谢谢@JonUleis！

function addPhoto(title, imgPath, tags) {
    ...
    var photoImg = document.createElement('img');
    photoImg.src = imgPath;
    console.log(photoImg.height);
    console.log(photoImg.width);
    photoImg.onload = function() {
        console.log(this.height);
        console.log(this.width);
    }
}

前两个console.log打印'未定义'。但是，最后两张console.log打印件调整了width元素height和img的大小。

获取具有max-width属性的img元素的调整宽度和高度

1 个答案: