canvas把图片变成base64格式
2017-12-28 本文已影响32人
明月半倚深秋_f45e
有时候我们需要传给后台base64格式的图片(如ajax)
canvas.toDataURL(type,encoderOptions) 方法返回一个包含图片展示的 data URI
type为必选:图片格式 ,默认为image/png
encoderOptions可选:在指定图片格式为image/jpeg 或image/webp的情况下,可以从 0 到 1 的区间内选择图片的质量。如果超出取值范围,将会使用默认值0.92。其他参数会被忽略。
```
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;
}
```