HTML5中引入新的元素canvas，其drawImage 方法允許在 canvas 中插入其他影象( img 和 canvas 元素) 。drawImage函式有三種函式原型：

drawImage(image, dx, dy) 
drawImage(image, dx, dy, dw, dh) 
drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh)

第一個引數image可以用HTMLImageElement，HTMLCanvasElement或者HTMLVideoElement作為引數。dx和dy是image在canvas中定位的座標值；dw和dh是image在canvas中即將繪製區域（相對dx和dy座標的偏移量）的寬度和高度值；sx和sy是image所要繪製的起始位置，sw和sh是image所要繪製區域（相對image的sx和sy座標的偏移量）的寬度和高度值。