html5在canvas中插入图片

要在 HTML5 的 Canvas 中插入图片，需要使用 Canvas 的 `drawImage()` 方法。以下是一个简单的例子：

HTML 代码：

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

JavaScript 代码：

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

// 获取画布上下文
var ctx = canvas.getContext("2d");

// 创建一个图片对象
var img = new Image();

// 设置图片源
img.src = "path/to/image.png";

// 在图片加载完成后将其绘制到 canvas 中
img.onload = function() {
  // 绘制图片
  ctx.drawImage(img, 0, 0);
};

在上面的代码中，我们首先获取了 Canvas 元素和画布上下文。然后创建一个新的 Image 对象，并将其源设置为要插入的图片的路径。最后，在图片加载完成后，我们使用 `drawImage()` 方法将其绘制到 Canvas 上。`drawImage()` 方法需要传入三个参数：要绘制的图片、要绘制到的 x 坐标和 y 坐标。在这个例子中，我们将图片绘制到了 Canvas 的左上角。