くらげになりたい。

くらげのようにふわふわ生きたい日曜プログラマなブログ。趣味の備忘録です。

sharpを使った画像を結合するライブラリ(join-images)

2つの画像を並べて一つの画像にしたいなと思って、
sharpを見てたら便利なライブラリが(*´ω`*)

github.com

結合するだけのシンプルなライブラリですてき(*´ω`*)

使い方

まずはインストール。

$ npm install sharp join-images

簡単な使い方はこんな感じ。

import joinImages from 'join-images';

async function main() {
  // Join Images
  const images = ['image-1.png', 'image-2.jpg'];
  const img = await joinImages(images);
  
  // Save image as file
  img.toFile('out.png');
}

main().then();

オプションで結合する方向や背景色などを変更できる。

  • direction: 結合方向(vertical, horizontal)
  • color: 背景色。RGBA hex value. Default={ alpha: 0.5, b: 0, g: 0, r: 0 }
  • align: 整列報告(start, center, end)。 Default=start
  • offset: 画像間のスペース。 Default=0.
  • margin: 結合後画像の余白。Default={ top: 0, right: 0, bottom: 0, left: 0 }

以上!!便利(*´ω`*)

参考にしたサイト様