如何获得图片的宽高像素数

如何获得图片的宽高像素数,第1张

以acd看图为例:

在默认状态下,选中后,在状态栏会显示图像的信息,有图像KB大小也有长宽尺寸,

不过这样一个一个查看太慢了,按Alt + O快捷键或者选择工具菜单>选项,打开选项设置窗口,

选择左侧文件列表>缩略图显示,再点击右侧的缩略图信息

在d出的选取缩略图显示信息中展开图像属性:勾图像大小,展开文件属性:勾选大小(KB)

点击添加按钮,添加到当前显示明细中,点击确定,返回选项窗口,点击确定。

看缩略图下面很清楚的显示出了图像大小,也就是长宽像素值,还有KB大小。

方法一:获取的宽高。可以用offsetWidth和offsetHeight;

方法二:

你先获取img标签标签元素。用getElementById()或者getElementsByClassName或者getElementsByTagName()都可以。

获取之后,如果你的img有width和height 属性,可以直接用img元素对象点属性

documentgetElementsByTagName("img")[0]width;

documentgetElementsByTagName("img")[0]height;

3如果img元素本身没有width和height属性。你可以获取img元素的style样式

function getStyle(obj,attr){

return objcurrentStyleobjcurrentStyle[attr]:getComputedStyle(obj)[attr];

};

obj是你的img标签对象,attr是你的想要获取的属性;

currentStyle支持IE低版本浏览器,

getComputedStyle支持主流浏览器

以上就是关于如何获得图片的宽高像素数全部的内容,包括:如何获得图片的宽高像素数、如何在JS中获取图片的像素、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9672706.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存