canvas把图片变成base64格式

有时候我们需要传给后台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;

    }

```

你可能感兴趣的:(canvas把图片变成base64格式)