JavaScript:使用getComputedStyle()获取图像的大小
JavaScript: getting the size of an image using getComputedStyle()
我目前遇到一个"奇怪的问题"。。。我是JavaScript的初学者,我想获得图像的高度来设置图像的大小。
- 我得到屏幕的宽度
- 我设置了取决于屏幕大小的图像宽度=>我想电脑也设置了图像的高度
- 我问图像的高度
- 我打印它
这是代码:
var screenWidth = (window.innerWidth);
myImg.width = Math.floor(screenWidth/3); // That works, my image is sized well.
var imgLarg = getComputedStyle(myImg,null).height.toLowerCase()
console.log(imgLarg);
问题如下:当我通过网址重新加载页面来刷新页面时,它是有效的。但是,当我按下刷新按钮时,代码返回"0px"。
将代码封装在document.ready
中(如果使用jquery)或侦听DOMContentLoaded
。等待图像完全加载后再获取其尺寸。如果使用jquery或Image.onload()
,请使用.load
。
http://api.jquery.com/ready/
http://api.jquery.com/load/
http://developer.mozilla.org/En/XUL/Attribute/Onload
相关文章:
- 获取ajax加载的图像的大小
- 点击(右键点击)使用传单地图库获取图像覆盖的像素坐标
- 如何使用javascript和xpath获取图像src
- 如何使用javascript从文件夹中获取图像并发布直接链接
- 如何使用Pixijs获取在加载的精灵表资产中定义的图像
- 如何从 javascript 中可能具有一个或多个图像的字符串中仅获取图像名称
- 获取图像节点js的主色
- 获取图像的平均外部像素颜色
- 使用asp.net FileUpload时从javascript获取图像宽度和高度
- 如何获取显示在谷歌搜索右侧的图像链接
- CodeIgniter:用于获取包括图像在内的值的控制器
- jQuery:获取图像加载错误的详细信息
- 如何使用php和javascript获取网页中显示图像的路径
- 使用回调获取图像像素数据
- 使用JavaScript从外部图像获取颜色
- 将完整路径图像获取到输入文件中
- 如何利用织物画布上的背景图像获取绘图路径中的图像
- 无法将图像加载到画布中并为该图像获取base64编码
- Android从内部图像获取ImageData()-SECURITY_ERR:DOM异常18
- 将html转换为图像(获取dom的快照)