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;

    }

```

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。