1. 获取图片实际宽高

一般情况下,从DOM树中获取Image的宽、高都不是图片实际的宽高。 要获取图片的实际宽高,可以使用HTML5的新元素naturalWidth,naturalHeight。IE9, Firefox, Chrome, Safari 和 Opera都支持该属性: var img = document.getElementById(imgId); var width = img.naturalWidth; var height = img.naturalHeight;

对于IE8以下的浏览器,可以通过创建一个Image对象来获取图片的实际宽高:

var img = new Image();
img.src = src;
var width = img.width;
var height: img.height;

对于IE8以下的浏览器而言(或者所有浏览器),需要在图片加载成功后才能获取图片的宽高,可以通过load事件进行监控:

img.onload = function(){
    var width = img.width;
    var height = img.height;

    //回调
    callback(width,height);
}

2. 参考

Copyright © eamiear all right reserved,powered by Gitbook该文件修订时间: 2019-06-17 16:18:09

results matching ""

    No results matching ""