如何从节点js中的多个图像制作一个图像

Question

我想从节点 js 中的多个图像中制作一个图像。我为此找到了 NPM 包“spritesmith”。它结合了图像并返回图像的缓冲区表示，但我希望对最终图像有更多的控制权。我希望输入图像显示在最终图像的特定位置（完美像素），并且还想要缩小图像。我做了一些搜索，但没有找到任何关于它的信息。任何人都可以为做这件事抛出一些可能性。我想为每个图像组合大约 10,000 张图像和 10 x 10 像素。我的计划是当用户上传新图像时，我想将其添加到以前的巨型图像中。

Answer 1

使用包Sharp。

images //your array of 10000 images
const emptyImage = await sharp({
    create: {
        width: 1000,
        height: 1000,
        channels: 3,
        background: { r: 255, g: 255, b: 255 },
    },
})
.composite(
    images.map((image, index)=>({
        input: image,
        left: index%100,
        top: parseInt(index/100),
        width: 10,
        height: 10,
    }))
)    
.toFormat('jpeg', { quality: 100 })
.toBuffer();