一、繪制圖像

使用drawImage()方法繪制圖像。繪圖環境提供了該方法的三個不同版本。
drawImage(image,x,y) ： 在canvas中(x,y)處繪制圖片。
drawImage(image,x,y,width,height) ： 在canvas中(x,y)處繪制圖片，并將其縮放到指定的寬度和高度。
drawImage(image,sourceX,sourceY,sourceWidth,sourceHeight,x,y,width,height) ： 從圖片中切割出一個矩形區域(sourceX,sourceY,sourceWidth,sourceHeight)，縮放到指定的寬度和高度，并在canvas中(x,y)繪制出來。

二、<img>標簽

繪制圖片前，還需要將圖片加載到瀏覽器中。這里我們僅僅在canvas標簽后面添加一個<img>標簽。

<img src = "tk.jpg" id = "tkjpg">

三、繪制圖片