javascript - 遅延画像の幅と高さを取得するには?

Question

API から読み込まれている画像の幅と高さを取得する必要があります。画像に css は適用されません。画像は API にロードされたものに応じて可変サイズになる

現時点でjqueryまたはvanilla jsを使用すると、幅と高さが常に0になりますか?

私のコードの問題は何ですか? img タグを作成するときに幅と高さを動的に設定する必要がありますか? どうやってするの？

   this.getItemSize = function() {
        var elm = $('#' + scope.elmItem);
        var pos = elm.offset();

        /* also with this vanila js does not work
        var image = document.getElementById(scope.elmItem);
        console.log(image);
        var width = image.offsetWidth;
        var height = image.offsetHeight;
        */

        scope.itemTop = pos.top;
        scope.itemLeft = pos.left;
        scope.itemWidth = elm.width();
        scope.itemHeight = elm.height();
        console.log(scope.itemTop + " " + scope.itemLeft + " " + scope.itemWidth + " " + scope.itemHeight);
    };



            $.get(this.url, function(image) {
                // add img to the dom
                var img = $('<img id="item">');
                img.attr('src', scope.url);
                img.appendTo('#' + scope.elm);

                scope.getItemSize();
            });