js将两张图片合并成一张图片

function mergeImages(image1, image2, callback) {
  // 创建一个canvas元素
  var canvas = document.createElement('canvas');
  var ctx = canvas.getContext('2d');

  // 加载图片
  var img1 = new Image();
  img1.src = image1;

  var img2 = new Image();
  img2.src = image2;

  img1.onload = function() {
    canvas.width = img1.width;
    canvas.height = img1.height;
    ctx.drawImage(img1, 0, 0); // 绘制第一张图片

    img2.onload = function() {
      ctx.drawImage(img2, 0, 0); // 绘制第二张图片
      callback(canvas.toDataURL()); // 回调函数返回合并后的图片的base64编码
    };
  };
}

// 使用示例
mergeImages('path/to/image1.jpg', 'path/to/image2.jpg', function(mergedImage) {
  // 在这里处理合并后的图片，例如显示在页面上
  var img = document.createElement('img');
  img.src = mergedImage;
  document.body.appendChild(img);
});