canvas 画两张图片

好的，让我们来画两张图片。首先，你需要在HTML页面中添加一个canvas元素：

<canvas id="myCanvas" width="500" height="500"></canvas>

然后，你可以使用JavaScript来获取canvas元素，并在canvas上绘制两张图片：

// 获取canvas元素
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");

// 创建两个图片对象
var img1 = new Image();
img1.src = "image1.jpg";
var img2 = new Image();
img2.src = "image2.jpg";

// 等待图片加载完成后再进行绘制
img1.onload = function() {
  // 绘制第一张图片
  ctx.drawImage(img1, 0, 0);
  img2.onload = function() {
    // 绘制第二张图片
    ctx.drawImage(img2, 250, 0);
  }
}

这段代码会在canvas上绘制两张图片，第一张图片在左侧，第二张图片在右侧，它们之间有一些空白的空间。你可以根据需要调整图片的位置和尺寸。