Jimp从网址读取,调整大小并显示图像

时间:2016-08-03 13:31:22

标签: node.js express image-resizing

当我做这样的事情时,我现在可以从网址获取一些图片数据:

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。 > ..

是否可以调整图像大小,然后回复该图像?

1 个答案:

答案 0 :(得分:0)

如果您正在寻找 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 还有另一个插件。该文档看起来非常简单,因此您可以找到其他示例。