js两个base64图片相加

在JavaScript中，可以使用Canvas来实现两个Base64图片的相加。下面是一个简单的示例代码：

// 创建两个Image对象
var image1 = new Image();
var image2 = new Image();

// 设置图片的src属性为Base64编码的图片数据
image1.src = 'data:image/png;base64,iVBORw0KG...'; // 第一个Base64图片数据
image2.src = 'data:image/png;base64,AAAAA...'; // 第二个Base64图片数据

// 等待图片加载完成后执行相加操作
image1.onload = function() {
  image2.onload = function() {
    // 创建一个Canvas元素
    var canvas = document.createElement('canvas');
    canvas.width = image1.width;
    canvas.height = image1.height;

    // 获取Canvas的2D上下文
    var ctx = canvas.getContext('2d');

    // 将第一个图片绘制到Canvas上
    ctx.drawImage(image1, 0, 0);

    // 将第二个图片绘制到Canvas上，并设置相加的混合模式
    ctx.globalCompositeOperation = 'lighter';
    ctx.drawImage(image2, 0, 0);

    // 将Canvas转换为Base64图片数据
    var result = canvas.toDataURL();

    // 输出结果
    console.log(result);
  };
};

上述代码中，我们首先创建了两个Image对象，并分别设置它们的src属性为两个Base64编码的图片数据。然后，我们使用Canvas来进行图片的绘制和相加操作。最后，将Canvas转换为Base64图片数据并输出结果。