canvas压缩图片转换成base64格式输出文件流

2024-02-27 22:46:04 289

//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

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持毛票票！

canvas压缩图片转换成base64格式输出文件流

热门推荐

随机推荐