Использование объекта Image ()

Question

Какая польза от объявления переменной в качестве объекта изображения в javascript

var img = new Image();

Какая польза от объекта Image ()

Answer 1

Я использовал это в основном для предварительной загрузки изображений, это то, что нам нужно для предварительной загрузки изображения.

function preloadImage(url)
{
    var img=new Image();
    img.src=url;
}

Answer 2

Одним словом: Конструктор Image() предоставляет вам способ прагматически манипулировать изображением. Предположим, вам нужно выполнить некоторую модификацию изображения, основываясь на том, что переключатель включен или нет, тогда как вы можете это сделать?Это?Также в этих случаях может потребоваться небольшое значение URL-адреса изображения на основе действия, загруженный или нет, и т. Д. Image() Конструктор очень удобен.Это также поможет вам получить доступ к их атрибутам в качестве свойства объекта.См. Ниже:

var image = new Image(100, 200);
image.src = 'profile-picture.jpg';
document.body.appendChild(image);

Вышеупомянутый код эквивалентен: <img width="100" height="200" src="profile-picture.jpg">

Image() Конструктор также предоставляет несколько удобных методов для получения состояния изображения на основе действия, см. Ниже:

image.onload = function(){
  // You can take action here when image loaded
}

image.onerror = function(){
   // You can take action here when image load failed
}

Вы также можете получить подробный урок отсюда: https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image