Chrome 无法从 JavaScript 创建的图像中获取宽度和高度

Chrome cannot get the width and height from an image created by JavaScript

本文关键字：获取 取宽度 高度 图像 JavaScript 创建 Chrome      更新时间：2023-09-26

我的Web应用程序具有许多图像表示功能，大多数时候我们需要调整它们的大小。我试图通过以下片段代码获取其实际宽度和高度值：

var image = new Image();
image.src = IMAGE_URL;
var width = image.width;
var height = image.height;

上面的代码在Firefox和IE 10等浏览器上运行没有问题，但在Chrome上返回0。我猜Chrome不支持这个。

任何人都可以给我这方面的指导吗？

您需要

在图像加载后获取宽度和高度并了解其组成。

尝试：

var image = new Image();
image.onload = function() {
    var width = image.width;
    var height = image.height;
}
image.src = IMAGE_URL;

希望有帮助

试试这个

img = new Image();
img.onload = function() {
    width = this.width;
    height = this.height;
};

加载可帮助您获得宽度和高度。

您需要等待load事件，否则将不知道图像的尺寸。

var image = new Image();
image.onload = function() {
    var width = image.width;
    var height = image.height;
    // These values will now be correct.
};
image.src = IMAGE_URL;
相关文章：