canvas把圖片變成base64格式

有時候我們需要傳給后臺base64格式的圖片（如ajax）

?canvas.toDataURL(type,encoderOptions)?方法返回一個包含圖片展示的 data URI

type為必選：圖片格式 ，默認(rèn)為image/png

encoderOptions可選：在指定圖片格式為image/jpeg 或image/webp的情況下，可以從 0 到 1 的區(qū)間內(nèi)選擇圖片的質(zhì)量。如果超出取值范圍，將會使用默認(rèn)值0.92。其他參數(shù)會被忽略。


```

? ? function getBase64Image(img) {

? ? ? var canvas = document.createElement("canvas");

? ? ? var ctx = canvas.getContext("2d");

? ? ? ctx.drawImage(img, 0, 0, img.width, img.height);

? ? ? var dataURL = canvas.toDataURL("image/png");

? ? ? return dataURL;

? ? }

```

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容