javascript img 对象,代码示例

JavaScript中的img对象是用于处理图像的对象。它可以通过创建一个新的Image对象来加载图像，并且可以对图像进行一些操作，例如设置图像的源路径、获取图像的宽度和高度等。

下面是一个示例代码，演示了如何使用img对象加载图像并设置图像的源路径：

// 创建一个新的Image对象
var img = new Image();
// 设置图像的源路径
img.src = "image.jpg";
// 当图像加载完成后，执行回调函数
img.onload = function() {
  // 在回调函数中可以获取图像的宽度和高度
  console.log("图像宽度：" + img.width);
  console.log("图像高度：" + img.height);
};
// 将图像添加到页面中
document.body.appendChild(img);

在上面的示例中，首先创建了一个新的Image对象，并通过设置src属性来指定图像的源路径。然后，通过设置onload事件处理程序，在图像加载完成后执行回调函数。在回调函数中，可以通过img对象的width和height属性获取图像的宽度和高度。使用appendChild方法将图像添加到页面中。

通过使用img对象，我们可以方便地加载和操作图像，从而实现各种图像处理的需求。