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 生日广州男生祝福语简短