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
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持毛票票!
热门推荐
10 新人红包祝福语简短精辟
11 幼师给毕业祝福语简短
12 生日高考祝福语妹妹简短
13 下飞机祝福语简短英文
14 元宵发客户祝福语简短
15 爸妈金婚文案祝福语简短
16 新郎朋友红包祝福语简短
17 虎年五一祝福语大全简短
18 出阁宴祝福语姐姐简短