码迷,mamicode.com
首页 > 其他好文 > 详细

图片路径转为base64

时间:2018-09-01 20:32:12      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:tee   path   路径   new   context   质量   nload   节点   base   

function dealImage(path, callback){  
    var img = new Image();  
    img.src = path;  
    img.onload = function(){  
        //默认按比例压缩  
        var w = this.width,  
            h = this.height; 
        var quality = 0.95; // 默认图片质量为0.7  
          
        //生成canvas  
        var canvas = document.createElement(‘canvas‘);  
        var ctx = canvas.getContext(‘2d‘);  
          
        // 创建属性节点  
        canvas.setAttribute("width", w);  
        canvas.setAttribute("height", h);
                
        ctx.drawImage(this, 0, 0, w, h);  
        // quality值越小,所绘制出的图像越模糊  
        var base64 = canvas.toDataURL(‘image/jpeg‘, quality);  
        // 回调函数返回base64的值  
        callback(base64);  
    };  
};

 

图片路径转为base64

标签:tee   path   路径   new   context   质量   nload   节点   base   

原文地址:https://www.cnblogs.com/jjmirai/p/9571240.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!