drawImage()方法，drawimage方法

drawImage()方法，drawimage方法

drawImage(image, x, y)drawImage(image, x, y, width, height)drawImage(image, sourceX, sourceY, sourceWidth, sourceHeight,          destX, destY, destWidth, destHeight)

drawImage() 方法有 3 個變形。

第一個變形把整個映像複製到畫布，將其放置到指定點的左上方，並且將每個映像像素映射成畫布座標系統的一個單元。

第二個變形也把整個映像複製到畫布，但是允許您用畫布單位來指定想要的映像的寬度和高度。

第三個變形則是完全通用的，它允許您指定映像的任何矩形地區並複製它，對畫布中的任何位置都可進行任何的縮放。

傳遞給 drawImage() 方法的映像必須是 Image 對象或 Canvas 元素。一個 Image 對象能夠表示文檔中的一個 標記或者使用 Image() 建構函式所建立的一個螢幕外映像。

var cvs=$('myCanvas');var cxt=cvs.getContext('2d');var img=new Image();img.src='http://b.hiphotos.baidu.com/image/pic/item/bf096b63f6246b606d4f6368e8f81a4c510fa26d.jpg';img.onload=function(){     cxt.drawImage(img,10,10);     cxt.drawImage(img,10,10,200,200);     cxt.drawImage(img,100,100,300,300,10,10,300,300);}