我试图在更改高度后获取图像的宽度，并且只有URL（图像不在HTML的标记中），所以尝试了以下代码：
var img = document.createElement("img");
img.src = "./images/niceImages.jpg";
img.style.height = "200px";
console.log(img.clientWidth);
但是属性“ clientWidth”返回0。我知道也许使用JQuery会容易得多，但是我想使用纯Javascript来实现。
有谁知道这可以做到吗？或者至少如何获得图像URL的长宽比或宽度和高度？
如果将创建的图像附加到DOM，则应该会发现宽度已经计算出来，并且可以正常使用
var img = document.createElement("img");
img.src = "http://cdn.sstatic.net/stackexchange/img/logos/so/so-icon.png";
img.onload = function(){
img.style.height = "200px";
img.style.visibility = 'hidden';
document.body.appendChild(img);
console.log(img.clientWidth);
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句