Javascript的新版本。尝试从字符串数组生成图像对象数组时遇到问题

// 引入Canvas库
const { createCanvas, loadImage } = require('canvas');

// 字符串数组
const stringArray = ['image1.jpg', 'image2.jpg', 'image3.jpg'];

// 创建空的图像对象数组
const imageArray = [];

// 遍历字符串数组
stringArray.forEach(async (str) => {
  // 创建Canvas对象
  const canvas = createCanvas(100, 100);
  const ctx = canvas.getContext('2d');

  // 加载图像
  const image = await loadImage(str);

  // 绘制图像到Canvas
  ctx.drawImage(image, 0, 0, 100, 100);

  // 将Canvas转换为图像对象
  const imageData = canvas.toDataURL();
  const imgObj = new Image();
  imgObj.src = imageData;

  // 将图像对象添加到数组中
  imageArray.push(imgObj);
});

// 打印图像对象数组
console.log(imageArray);