Bir Görselin Boyutlarını Almak İçin JavaScript Programı

Bu örnekte, bir görüntünün boyutlarını alacak bir JavaScript programı yazmayı öğreneceksiniz.

Örnek: Bir Görüntünün Boyutlarını Alma

 // program to get the dimensions of an image const img = new Image(); // get the image img.src = '//cdn.programiz.com/sites/tutorial2program/files/cover-artwork.png.webp'; // get height and width img.onload = function() ( console.log('width ' + this.width) console.log('height '+ this.height); )

Çıktı

 genişlik 1040 yükseklik 922

Yukarıdaki programda, new Image()yapıcı bir görüntü nesnesi oluşturmak için kullanılır.

Image()Yapıcı yeni bir resim elemanı örneğini oluşturur.

img.src daha sonra görüntüyü bir görüntü URL kaynağı kullanarak eklemek için kullanılır.

img.onload()İşlev görüntü yüksekliğini ve genişliğini ulaşmak için kullanılır.

Ilginç makaleler...