Jimp 从 url 读取、调整大小和显示图像

【问题标题】：Jimp read, resize and display image from urlJimp 从 url 读取、调整大小和显示图像
【发布时间】：2016-12-09 06:21:29
【问题描述】：

当我执行以下操作时，我现在可以从 url 获取一些图片数据：

Jimp.read("https://someurl/04fc0d67a91bbd3b7e07.jpeg", function (err, image) {

        console.log(image.bitmap.data)
        res.end(image.bitmap.data)
    });

我得到缓冲区

缓冲区 3d 3b 20 ff 41 3f 24 ff 46 44 29 ff 4c 4a 2f ff 4e 4c 31 ff 4b 49 2e ff 47 43 2a ff 42 3e 25 ff 34 31 1a ff 2d 2a 13 ff 27 24 0f ff 25 22 0d ff 21 20 。 >..

是否可以调整图像大小，然后检索该图像作为响应？

【问题讨论】：

标签： node.js express image-resizing

【解决方案1】：

如果您正在寻找resizing，您可以尝试类似

jimp.read("https://i.imgur.com/2j12AxI.jpg").then(image => {

  //resize image using "contain" mode
  image.contain(100, 150);

  //retrieve image
  image.getBase64Async(jimp.MIME_JPEG).then(newImage => {
    let tag = document.createElement("img");
    tag.src = newImage;
    document.getElementById("img-container").append(tag)
  })
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jimp/0.16.1/jimp.js"></script>

<div id="img-container"></div>

这只是一个基本演示，说明如何使用给定的目标宽度/高度进行缩小。默认情况下，如果您的数字不匹配，它会添加黑色边框。 scale while keeping aspect ratio 有另一个插件。该文档看起来很简单，因此您可以找到其他示例。

【讨论】：