使用Image()对象

时间:2018-05-29 03:09:49

标签: javascript javascript-objects

在javascript中使用将变量声明为图像对象的内容

aIndexPipe: aIndex

使用Image()对象

是什么

2 个答案:

答案 0 :(得分:0)

总之: Image()构造函数为您提供了一种以实用方式操作图像的方法。假设您需要根据单选按钮进行一些图像修改,或者不进行检查你可以做到吗?在这些情况下Image()构造函数也非常方便,也可能需要采取几个基于动作的图像URL值,加载与否等。它还可以帮助您将属性作为对象属性进行访问。见下文:

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

答案 1 :(得分:0)

我主要使用它来预加载图像,这是我们需要预加载图像。

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