js图片分辨率压缩

紫微前端

于 2022-06-22 16:01:51 发布

阅读量979

点赞数

CC 4.0 BY-SA版权

分类专栏：常用代码片段文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/liuhao9999/article/details/125411330

常用代码片段专栏收录该内容

168 篇文章 ¥39.90 ¥99.00

订阅专栏

本文介绍了如何使用JavaScript在前端进行图片分辨率压缩，包括选择合适的压缩算法、调整图片质量、利用canvas处理图片等关键步骤，旨在优化网页加载速度，提高用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/** 
 * @desc   SVG转PNG
 * @param  {Object} obj 
 * @param  {Number} obj.scale 缩放
 * @param  {Number} obj.length 长度
 * @param  {String} obj.src 图片路径
 * @param  {Boolean} obj.base64 输出数据类型是否 base64
 * @param  {Function} obj.success 成功回调
 * @param  {Function} obj.error 失败回调
 */
function dealImage(obj) {
    var img = new Image();
    img.src = obj.src;
    img.onload = function () {
        // 默认按比例压缩
        var w = this.width,
            h = this.height,
            scale = w / h;
        if (obj.length) {
            if (w > h) {
                w = obj.length;
                h = (w / scale);
            } else {
                h = obj.length;
                w = (h * scale);
            }
        } else {
            w = obj.width || w;

了解本专栏