0
点赞
收藏
分享

微信扫一扫

JS等比压缩图片方法

AI给出来的答案,AI真的能改变世界,以后程序员这个职业真的有可能不存在了。

function compressImage(image, callback) {
  // 创建一个 canvas 元素
  const canvas = document.createElement('canvas');
  canvas.width = 48;
  canvas.height = 48;

  // 获取 canvas 的绘图上下文
  const ctx = canvas.getContext('2d');

  // 调整图像在 canvas 上的显示位置和大小
  const scale = Math.min(
    48 / image.width,
    48 / image.height
  );
  ctx.drawImage(
    image,
    (48 - image.width * scale) / 2,
    (48 - image.height * scale) / 2,
    image.width * scale,
    image.height * scale
  );

  // 完成压缩后执行回调函数
  callback(canvas.toDataURL('image/jpeg', 0.8));  // 设置图片质量(0 到 1 之间的数值)
}

// 示例用法
const image = document.getElementById('myImage');
compressImage(image, (compressedImage) => {
  // 在这里处理压缩后的图像数据(compressedImage)
  const compressedImageElement = document.createElement('img');
  compressedImageElement.src = compressedImage;
  document.body.appendChild(compressedImageElement);
});

原文是这样回答的:

很多解决方法都有了,甚至连报错都能直接给解决,以前遇到问题各种百度、google,现在就一句话的事

牛!

举报

相关推荐

0 条评论