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.