Bagaimana untuk Mendapatkan Pelayar Silang Dimensi Imej Asal?

Mendapatkan semula Dimensi Imej Asal Silang Penyemak Imbas

Menentukan dimensi fizikal imej yang diubah saiz sebelah klien boleh menjadi satu cabaran merentas penyemak imbas yang berbeza. Walau bagaimanapun, terdapat dua pilihan yang boleh dipercayai dan bebas rangka kerja yang tersedia:

Pilihan 1: Menggunakan offsetWidth dan offsetHeight

Alih keluar atribut lebar dan tinggi daripada elemen imej (< ;img> Kemudian, gunakan sifat offsetWidth dan offsetHeight untuk mendapatkan semula lebar dan ketinggian sebenar imej yang diubah saiz:

<code class="javascript">const img = document.querySelector('img');

img.removeAttribute('width');
img.removeAttribute('height');

const width = img.offsetWidth;
const height = img.offsetHeight;</code>

Pilihan 2: Menggunakan Objek Imej JavaScript

Buat objek Imej JavaScript baharu, tetapkan atribut srcnya kepada URL imej, dan kemudian gunakan sifat lebar dan tinggi untuk mendapatkan semula dimensi asal:

<code class="javascript">function getImgSize(imgSrc) {
    const newImg = new Image();

    newImg.onload = function() {
        const width = newImg.width;
        const height = newImg.height;

        // Do something with the dimensions...
    };

    newImg.src = imgSrc;
}</code>

Perhatikan bahawa dalam pilihan ini, imej tidak perlu ditambahkan pada halaman untuk dimuatkan dan dimensinya ditentukan.

Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan Pelayar Silang Dimensi Imej Asal?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!