美文网首页Canvas 系列
canvas把图片变成base64格式

canvas把图片变成base64格式

作者: 明月半倚深秋_f45e | 来源:发表于2017-12-28 15:33 被阅读32次

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

        本文链接:https://www.haomeiwen.com/subject/nxrlqxtx.html