javascript - 如何在 Node.js 上使用模糊效果而不是 letterboxing 按比例调整图像大小？

Question

我有一张矩形的照片，我想将其缩小为正方形，同时保留纵横比。像Sharp这样的库允许您通过对生成的图像应用信箱来做到这一点。

await sharp(photoBuffer).resize({ width: 200, height: 200, fit: 'contain' })

这是结果：

而不是应用信箱，我希望剩余的空白空间填充图像的第二个模糊版本，放置在调整大小的图像后面，如下所示：

是否有开箱即用的 Node.js 库或实现此目的的某种自定义方式？

Answer 1

原来这是使用 Sharp 的方式：

import Sharp from 'sharp'

export default function({ pathToInputFile, pathToOutputFile, size, blur }) {
  let sharpOriginal = Sharp(pathToInputFile)
  
  return new Promise((resolve) => {
    sharpOriginal
      .resize({ width: size })
      .toBuffer()
      .then((resizedBuffer) => {
        sharpOriginal
          .resize(size, size, { // the result will be a square
            fit: 'cover'
          })
          .blur(blur) // 6 seems to work well
          .composite([{
            input: resizedBuffer,
            gravity: 'center'
          }])
          .toFile(pathToOutputFile)
          .then((info) => {
            console.log(info)
            resolve(true)
          })
          .catch((err) => {
            console.error(err)
            resolve(false)
          })
      })
      .catch((err) => {
        console.error(err)
        resolve(false)
      })
  })
}