canvas压缩图片转换成base64格式输出文件流
昨天研究了一下canvas压缩图片的方法,上传上来给大家分享一下
//drawimage三种调用方法 //ctx.drawImage(Image,dx,dy); //ctx.drawImage(Image,dx,dy,dWidth,dHeight); //ctx.drawImage(Image,sx,sy,sWidth,sHeight,dx,dy,dWidth,dHeight); //images图片元素,出来预判还支持其他三种格式,分别是htmlvideoElementhtmlcanvasElementimagebitmap //todataurl是canvas画布元素的方法,放回指定的图片格式的dataurl,也就是base64编码串 //todataurl方法最多接受两个参数,并且这两个参数都是可选的: //type图片格式.支持3种方式,分别是image/jpegimages/pngimage/webp,默认是image.png varcanvas=document.getElementById('canvas'); varsource=document.getElementsByClassName('source'); varpreview=document.getElementsByClassName('preview'); canvas.style.display="none"; window.onload=function(){ //多张图片循环便利压缩 for(vari=0;i以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持毛票票!