在HTML的canvas画布中添加图片，需要使用JavaScript代码来实现。首先，需要在html文件中声明一个canvas元素，并且为其设置id属性。例如：

<canvas id="myCanvas"></canvas>

接着，在JavaScript代码中获取这个canvas元素，并通过它的getContext()方法获取绘图上下文。例如：

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");

然后，需要在JavaScript代码中创建一个Image对象，并为其设置src属性，以指示要加载的图片的路径。例如：

var img = new Image();
img.src = "images/myImage.jpg";

在图片加载完成后，需要将其绘制到canvas元素上。可以使用context.drawImage()方法来实现。例如：

img.onload = function() {
context.drawImage(img, 0, 0);
}

这段代码的意思是在canvas元素上绘制img对象，绘制的起始点是canvas元素的左上角坐标(0,0)。