如何在 JavaScript 函数中将图像作为参数传递？

在 JavaScript 中，可以通过将图像作为参数传递给函数来实现对图像的处理。这在处理图像时非常有用，可以使代码更简洁、更易于维护。下面介绍两种常用的方法。

方法一：传递图像的 URL

可以将图像的 URL 作为参数传递给函数，并在函数内部使用该 URL 获取图像。例如：

function processImage(imageURL) {
    // 创建一个 Image 对象
    var img = new Image();
    // 设置 Image 对象的 src 属性
    img.src = imageURL;
    // 等待图像加载完成后执行某些操作
    img.onload = function() {
        // 在这里处理图像
    };
}

在调用该函数时，只需传递图像的 URL 即可：

processImage('path/to/image.jpg');

方法二：传递图像对象

可以直接将图像对象作为参数传递给函数。在这种情况下，只需在函数内部使用该对象即可。例如：

function processImage(img) {
    // 在这里处理图像
}

在调用该函数时，将一个 Image 对象作为参数传递即可：

var img = new Image();
img.src = 'path/to/image.jpg';
processImage(img);

需要注意的是，在这种情况下，要确保图像已加载完成才能进行处理，否则可能会出错。可以使用 onload 事件来等待图像加载完成。例如：

var img = new Image();
img.onload = function() {
    processImage(img);
};
img.src = 'path/to/image.jpg';

上述代码中，当图像加载完成后，会执行 onload 事件中的代码，将图像对象作为参数传递给 processImage 函数。