uniapp两张图片合成一张

在UniApp中，可以使用Canvas API来实现两张图片的合成。以下是一种实现方式：

1. 首先，在页面中创建一个canvas元素，用于绘制图片：

<canvas id="myCanvas" style="width: 300px; height: 300px;"></canvas>

2. 在页面的js文件中，获取canvas元素，并获取其绘图上下文：

const canvas = uni.createSelectorQuery().select('#myCanvas');
const ctx = canvas.getContext('2d');

3. 加载两张图片，并在加载完成后进行绘制：

const image1 = canvas.createImage();
const image2 = canvas.createImage();

image1.src = 'path/to/image1.jpg';
image2.src = 'path/to/image2.jpg';

Promise.all([image1.onload, image2.onload]).then(() => {
  // 绘制第一张图片
  ctx.drawImage(image1, 0, 0, 150, 150);
  
  // 绘制第二张图片
  ctx.drawImage(image2, 150, 0, 150, 150);
  
  // 将合成后的图片导出为base64格式
  const base64 = canvas.toDataURL('image/png');
  
  // 可以将base64格式的图片赋值给img标签的src属性，或者进行其他操作
});

这样，就可以将两张图片合成为一张图片，并将其导出为base64格式。你可以根据实际需求进行进一步的处理和操作。