[매혹 라이브러리 시용 ①] 고속 다기능 이미지 처리 라이브러리'sharp'를 시용합니다.

개요

특징

다양한 이미지 형식 지원

처리 속도가 빠르다

다양한 이미지 처리 기능 준비

결과

환경

설치

npm 설치

# 作業フォルダの作成
$ mkdir ~/work
# 作業フォルダへの移動
$ cd ~/work
# sharpのインストール(※インストールエラーの場合は、管理者権限で試してみる)
$ npm install sharp

yarn에 설치

# 作業フォルダの作成
$ mkdir ~/work
# 作業フォルダへの移動
$ cd ~/work
# sharpのインストール(※インストールエラーの場合、管理者権限で試してみる)
$ yarn add sharp

단계

기본 이미지 형식 변환 예

이미지 준비

├─ work
   ├── node_modules
   ├── package-lock.json

├─ work
   ├── node_modules
   ├── package-lock.json
   ├── penguin.svg

변환 JS 파일 만들기

# 「basic_convert.js」という名前のJSファイルを作成
$ touch ~/work/basic_convert.js

├─ work
   ├── node_modules
   ├── package-lock.json
   ├── penguin.svg
   ├── basic_convert.js

JS 파일에 대한 설명

// sharpの読み込み
const sharp = require("sharp")

sharp(process.argv[2])  // 入力画像名に、コマンドの引数を利用
  .toFile(process.argv[3])  // 出力画像名に、コマンドの引数を利用
  .then(function(data) {
    console.log(data)  // 正常処理の場合、出力画像の情報を出す
  })
  .catch(function(err) {
    console.log(err)  // エラーの場合、エラー情報を出す。
  })

실행 파일

# 作業フォルダの移動
$ cd ~/work
# 例 : 「node 実行ファイル名 フォルダ内の対象画像ファイル名 作成画像ファイル名」
$ node basic_convert.js penguin.svg penguin.png

다른 이미지 처리 방법을 이용한 예

JS 파일에 대한 설명

const sharp = require("sharp")

sharp(process.argv[2])
  // 引数の値を、幅として指定。(高さは自動指定)
  .resize(parseInt(process.argv[4]))
  .toFile(process.argv[3])
  .then(function(data) {
    console.log(data)
  })
  .catch(function(err) {
    console.log(err)
  })

const sharp = require("sharp")

sharp(process.argv[2])
  // inputに、合成画像ファイルを、引数で受け取る。
  // gravityに合成位置を指定。
  .composite([{ input: process.argv[3], gravity: process.argv[5] }])
  .toFile(process.argv[4])
  .then(function(data) {
    console.log(data)
  })
  .catch(function(err) {
    console.log(err)
  })

실행 파일

# 作業フォルダへ移動
$ cd ~/work

# リサイズjsファイルの実行
# 例:「node ファイル名 対象画像 作成画像名 幅」
$ node resize_convert.js penguin.png resize_penguin.png 100

# 合成処理jsファイルの実行
# 例:「node ファイル名 合成画像1 合成画像2 作成画像名 合成方向」
$ node composite_convert.js penguin.png word.png composite_penguin.png south

총결산

참고 자료