文章出處
文章列表
html5中標簽canvas，函數drawImage()：
使用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)繪制出來。
其中image可以是一個頁面中現有的dom元素，使用document.getElementById()獲取的；
或者使用document.createElement("img")新創建元素，但賦值src后需要監聽onload事件，回調里調用drawImage，如果立即調用未加載完成時，會畫不出來圖片。
文章列表
全站熱搜
留言列表
