canvas画板插入图片

要在Canvas画板中插入图片，可以使用以下步骤：

1. 创建一个Image对象，使用JavaScript代码创建一个Image对象，可以通过new Image()来创建。

2. 加载图片，使用Image对象的src属性来设置图片的路径，然后监听load事件来确保图片已经加载完成。

3. 在Canvas上绘制图片，使用Canvas上下文对象的drawImage()方法来在Canvas上绘制图片，可以指定图片的位置和大小。

以下是代码示例：

<canvas id="canvas" width="500" height="500"></canvas>
<script>
  var canvas = document.getElementById('canvas');
  var ctx = canvas.getContext('2d');
  var img = new Image();
  img.src = 'image.jpg';
  img.onload = function() {
    ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
  }
</script>

在上面的示例中，我们首先创建了一个Canvas元素和一个Canvas上下文对象，然后创建了一个Image对象并设置了图片路径，接着监听图片的load事件，在事件回调函数中使用drawImage()方法在Canvas上绘制图片。