本篇文章给大家带来的内容是关于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(渲染。。。。);        }    }
本篇文章到这里就已经全部结束了，更多精彩内容大家可以关注的html5视频教程栏目！！！
以上就是canvas实现压缩图片的代码示例的详细内容。