canvas实现压缩图片的代码示例

// 对图片进行压缩     function comPress(imgPath) {
            VAR image = new Image();
            //新建一个img标签（还没嵌入DOM节点)         image.src = imgPath;
        image.onload = function() {
                var canvas = document.createElement('canvas');
                var    context = canvas.getContext('2d');
                var    imageWidth = image.width / 3;
                    //压缩后图片的大小             var    imageHeight = image.height / 3;
                var data = '';
                canvas.width = imageWidth;
                 canvas.height = imageHeight;
                context.drawImage(image, 0, 0, imageWidth, imageHeight);
                data = canvas.toDataURL('image/jPEg')            //压缩完成             $(".srcDiscernImg").attr("src", data);
                console.LOG("渲染。。。。");
        }
    }
    

本篇文章到这里就已经全部结束了，更多精彩内容大家可以关注PHP中文网的HTML5视频教程栏目！！！

以上就是canvas实现压缩图片的代码示例的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！