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

利用 canvas 实现压缩图片

时间:2019-07-12 18:58:27      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:UNC   get   ESS   image   width   context   console   fun   nbsp   

/**
 *  nase64Data --> 要压缩的图片base64数据
 *  width --> 宽度
 *  height --> 高度
 *  _callback --> 回调函数
 */
function getCompressImage(base64Data, width, height, _callback) {
    var oldimg = new Image();
    oldimg.src = base64Data;
    var canvas = document.createElement(‘canvas‘);
    var context = canvas.getContext(‘2d‘);
    canvas.width = width;
    canvas.height = height;
    oldimg.onload = function() {
        console.log(‘原始宽:‘ + oldimg.width + "原始高:" + oldimg.height);
        // 绘制
        context.drawImage(oldimg, 0, 0, width, height);
        // 新的base64数据(压缩后的数据)
        var newBase64 = canvas.toDataURL();
        return _callback(newBase64);
    }
}

 

利用 canvas 实现压缩图片

标签:UNC   get   ESS   image   width   context   console   fun   nbsp   

原文地址:https://www.cnblogs.com/oukele/p/11177661.html

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