JavaScript如何实现base64图片压缩
发表于:2024-09-22 作者:千家信息网编辑
千家信息网最后更新 2024年09月22日,这篇文章主要介绍JavaScript如何实现base64图片压缩,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!base64 图片压缩//压缩base64方法function d
千家信息网最后更新 2024年09月22日JavaScript如何实现base64图片压缩
这篇文章主要介绍JavaScript如何实现base64图片压缩,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
base64 图片压缩
//压缩base64方法function dealImage(base64, w, callback) { var newImage = new Image(); var quality = 0.6; //压缩系数0-1之间 newImage.src = base64; newImage.setAttribute("crossOrigin", 'Anonymous'); //url为外域时需要 var imgWidth, imgHeight; newImage.onload = function() { imgWidth = this.width; imgHeight = this.height; var canvas = document.createElement("canvas"); var ctx = canvas.getContext("2d"); if (Math.max(imgWidth, imgHeight) > w) { if (imgWidth > imgHeight) { canvas.width = w; canvas.height = w * imgHeight / imgWidth; } else { canvas.height = w; canvas.width = w * imgWidth / imgHeight; } } else { canvas.width = imgWidth; canvas.height = imgHeight; quality = 0.6; } ctx.clearRect(0, 0, canvas.width, canvas.height); ctx.drawImage(this, 0, 0, canvas.width, canvas.height); var base64 = canvas.toDataURL("image/jpeg", quality); //压缩语句 callback(base64); //必须通过回调函数返回,否则无法及时拿到该值 }}
以上是"JavaScript如何实现base64图片压缩"这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!
图片
内容
篇文章
之间
价值
兴趣
函数
外域
小伙
小伙伴
方法
更多
知识
系数
行业
语句
资讯
资讯频道
频道
参考
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
商业数据库收录OA资源吗
崂山区商城软件开发产品
sql数据库安全性在哪里
2751服务器电源改装
2022nba数据库
网络安全会议领导讲话稿
国家实行网络安全什么等级
网络安全隔离装置定义
ao2011 网络数据库
电脑数据库管理模式
关于网络安全靠人民的手抄报图片
网络安全周社会宣传PPT
加强全社会网络安全教育
网络安全活动的报道
教科局网络安全管理制度
oracle数据库的名称
如何管理服务器核心安装版
厦门中拓互联网络科技有限公司
软件开发人员未来方向
数据库应用技术是学什么的
网易我的世界服务器管理组条约
网络安全课程有什么
上海复翼软件开发有限公司
软件开发涉及的法律法规
江北敏捷软件开发项目
增强网络安全的
贵阳软件开发云
海南系统软件开发中心
关于网络安全般儿歌
vb精简版能访问数据库吗