在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)。