Javascript获取图像对象的尺寸

标签 javascript image object width dimensions

要获取图像对象的尺寸,我需要在页面上使用 JavaScript。

当我 console.log 图像对象 ($img) 时,我得到如下内容:

[<img src="/path/to/image/">]

我想获取原始图像的原始高度和宽度。我尝试使用 .naturalWidth.width 但这些给出了奇怪的结果。

谁能帮帮我吗?

最佳答案

据说webkit可能需要先加载图片。为此,请首先应用 onload

$img[0].onload = function() {
    console.log(this.naturalWidth);
}

关于Javascript获取图像对象的尺寸,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28197039/

相关文章:

java - 在Java中,是否可以创建一个没有类和构造函数的对象?

java - 创建对象并将它们放入二维数组中

javascript - 如何在 ajax 在 Angular Js 上完成之前加载 View ?

javascript - 根据同一对象的 'sibling' 可观察到的 knockout

python - 如何修复变换透视功能错误地以错误的方向返回图像

c# - 如何在 xamarin 表单 ImageView 上定位地标?

javascript - 查找具有最大值的父对象

javascript - 如何将非作用域变量传递给 AngularJS 过滤器?

javascript - 使用 Python 或 JavaScript 的交互式 3D 图形

图像按钮上的Android图像未显示