context.drawImage(img,sx,sx,swidth,sheight,x,y,width,height);
img：規定要使用的圖像、畫布或視訊。
sx：可選。開始剪切的 x 坐标位置。
sx：可選。開始剪切的 y 坐标位置。
swidth：可選。被剪切圖像的寬度。
sheight：可選。被剪切圖像的高度。
x：在畫布上放置圖像的 x 坐标位置。
y： 在畫布上放置圖像的 x 坐标位置。
width：可選。要使用的圖像的寬度(伸展或縮小圖像)。
height：可選。要使用的圖像的高度(伸展或縮小圖像)。
了解：
1、接收(3、5、9)個參數，其他個數參數會報錯，傳入參數個數不同，同位數上的參數代表意思不同
接收參數個數(3)：img,x,y
接收參數個數(5)：img,x,y,width,height
接收參數個數(9)：img,sx,sx,swidth,sheight,x,y,width,height
2、參數作用
sx,sx,swidth,sheight：四個參數配合，可以在原圖上截取想要顯示的部分(類比截圖)。當傳入參數為5個是，這四個參數不在5個參數中，預設為(0,0,img.naturalWidth,img.naturalHeight)，swidth,sheight允許大于原圖的img.naturalWidth,img.naturalHeight，超出部分為空白。
width,height：将截下來的圖檔按照width,height展示