使用canvas将两个base64格式的图片并列拼接成一张图片的详细步骤

好的，下面是详细步骤：

1. 创建两个`Image`对象并分别给它们赋值为对应的base64格式图片：

var img1 = new Image();
img1.src = 'data:image/png;base64,xxxxx'; // 第一个base64图片

var img2 = new Image();
img2.src = 'data:image/png;base64,yyyyy'; // 第二个base64图片

2. 等待两个图片加载完成后，获取它们的宽度和高度：

var canvas = document.createElement('canvas'); // 创建canvas元素
var ctx = canvas.getContext('2d'); // 获取canvas的绘图上下文

img1.onload = function() {
  img2.onload = function() {
    // 图片加载完成后，获取它们的宽度和高度
    var width = img1.width + img2.width;
    var height = Math.max(img1.height, img2.height);

    // 设置canvas的宽度和高度
    canvas.width = width;
    canvas.height = height;

    // 绘制两个图片到canvas上
    ctx.drawImage(img1, 0, 0);
    ctx.drawImage(img2, img1.width, 0);
  };
};

3. 绘制完成后，将canvas转换为base64格式的图片：

var base64Image = canvas.toDataURL('image/png');

4. 最后，可以将base64Image设置为img标签的src属性，或者将它发送给后端进行保存：

var img = document.createElement('img');
img.src = base64Image; // 将base64图片设置为img标签的src属性
document.body.appendChild(img); // 将img标签添加到页面中显示

以上就是使用canvas将两个base64格式的图片并列拼接成一张图片的详细步骤。