Displaying

drawImage(img,x,y) or
drawImage(img,x,y,width,height) or
drawImage(img,sx,sy,swidth,sheighty,x,y, width,height)
loads and displays an image. 'sx', 'sy', 'swidth', and 'sheight' define the clipping region on the source image file.

See the Pen Untitled by Web Coding Center (@webcodingcenter)on CodePen.