//創建畫布對象
var canvas = document.createElement("canvas");
//返回一個用于在畫布上繪圖的環境
var ctx = canvas.getContext("2d");
//設置畫布寬度
canvas.width = expectWidth;
//設置畫布高度
canvas.height = expectHeight;
//向畫布上繪畫圖像
ctx.drawImage(image, 0, 0, expectWidth, expectHeight);
//轉換為base64格式的圖片（默認為png格式）
base64 = canvas.toDataURL("image/jpeg", 0.8);
!!!注意drawImage的寫法，其傳參值份三種，不同的寫法，表示不同的功能，其傳參的個數也不一樣：
ctx.drawImage(img,x,y); //在畫布上定位圖像
ctx.drawImage(img,x,y,width,height); //在畫布上對圖像進行定位，然后規定圖像的寬度和高度
ctx.drawImage(img,sx,sy,swidth,sheight,x,y,width,height //剪切圖像，并在畫布上定位被剪切的部分
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
