Question

我了解到,一旦图像满负荷,就会有各种各样的方式,使图像的面面面貌变得更形,但一旦图像开始装上,便有可能达到图像的面貌。

我发现,通过搜索(这使我相信不可能这样做),但是,(在我的案例中)浏览器表明,在我刚刚开始装上图像之后,我以新的标语打开了任何形象,这给我带来了希望,即实际上有办法,我只是错过了找到这一形象的正确关键词。

Answer 1

在充分装满图像之前,你是正确的。

这里的解决办法(demo):

var img = document.createElement( img );

img.src =  some-image.jpg ;

var poll = setInterval(function () {
    if (img.naturalWidth) {
        clearInterval(poll);
        console.log(img.naturalWidth, img.naturalHeight);
    }
}, 10);

img.onload = function () { console.log( Fully loaded ); }

Answer 2

下面的法典一旦获得,即发放。用于测试的图像来源中abc123>,用于任何防止切除的随机探测。

http://jsfiddle.net/ct1wtktm/“JSFiddle Demo。以及同样的情况。

<div id="info"></div>
<img id="image" src="https://upload.wikimedia.org/wikipedia/commons/d/da/Island_Archway,_Great_Ocean_Rd,_Victoria,_Australia_-_Nov_08.jpg?abc123">

<script>
getImageSize($( #image ), function(width, height) {
    $( #info ).text(width +  ,  + height);
});

function getImageSize(img, callback) {
    var $img = $(img);

    var wait = setInterval(function() {
        var w = $img[0].naturalWidth,
            h = $img[0].naturalHeight;
        if (w && h) {
            clearInterval(wait);
            callback.apply(this, [w, h]);
        }
    }, 30);
}
</script>

Answer 3

您可以通过<条码>做到这一点。观察员

new ResizeObserver((e, observer) => {
  img.remove();
  observer.disconnect();
  console.log(`${img.naturalWidth},${img.naturalHeight}`);
}).observe(img);
document.body.appendChild(img);

见。

Answer 4

一种办法是使用欧洲干旱地区发展署的要求,该请求只要求吉大港山区应用方案负责人作出答复。我在欧洲人口与发展行动组织的答复中知道该机构的规模。但我不知道是否有东西可以用于图像的规模。

友情链接