Nodejs가 gm과 imageMagick을 사용하여 이미지를 처리하는 방법에 대해 이야기해 보겠습니다.

Nodejs이미지를 처리하는 방법은 무엇입니까? 다음 기사에서는 Nodejs가 gm 및 imageMagick을 사용하여 이미지를 처리하는 방법을 소개합니다. 이것이 도움이 되기를 바랍니다.

최근에는 재미있는 일을 하기 위해 JS를 사용하고 있는데 사진을 처리해야 합니다. 인터넷에는 다양한 방법을 제공하는 튜토리얼이 많이 있으며 일부 방법은 반드시 작동하지 않을 수도 있습니다. 이 기사에서는 저자가 NodeJS를 사용하여 이미지를 처리하는 방법을 확인한 방법을 공유합니다.

설치 종속성

npm i gm

gm은 개발자가 이미지를 처리할 수 있도록 일부 JS API를 제공하는 Node 라이브러리입니다. 하지만 아래의 GraphicsMagick 또는 ImageMagick에 의존합니다. 실제로 gm은 이 두 도구를 호출하기 위한 명령줄입니다.

즉, gm을 설치하는 것 외에도 GraphicsMagick이나 ImageMagick도 설치해야 합니다.

ImageMagick

저자는 MacOS 출신이고 ImageMagick을 직접 설치하기로 결정했습니다.

한 줄의 코드만 필요한 공식 웹사이트 명령을 따르세요(Mac에 Brew를 설치한 경우):

brew install imagemagick --with-webp

매개변수 --with-webp를 도입하면 삭제할 수 있습니다. 하지만 webp 형식의 이미지를 처리하려면 추가해야 합니다. --with-webp，你是可以删掉的，但如果你希望处理webp格式的图片，一定要加上。

用brew比较方便，自己不用操心环境变量了。

GraphicsMagick

当然，如果你不用ImageMagick，想用GraphicsMagick也是完全可以的：

brew install graphicsmagick

引用gm

一开始我选择了安装ImageMagick，这么写，总是报错：

const gm = require('gm');

gm('图片文件路径').crop(width, height, 0, 0).resize(width2, height2).quality(quality).write('输出文件路径', function (err) {
  if (err) {
    return console.log(err);
  } else {
    console.log('success');
  }
});

如果要用ImageMagick，上面写法其实是不对的，应该这样写，明确指定我要用ImageMagick工具：

const g = require('gm');
const gm = g.subClass({imageMagick: true});

gm('图片文件路径').crop(width, height, 0, 0).resize(width2, height2).quality(quality).write('输出文件路径', function (err) {
  if (err) {
    return console.log(err);
  } else {
    console.log('success');
  }
});

其它功能

记录一下gm的常用功能，供大家备忘：

注意：gm是可以链式调用的，写起来很爽，从gm(filename)读取图片文件，一层一层处理，最后写入文件.write(filename, callback)。

缩放图片

.resize(width, height)

裁剪图片

.crop(width, height, x, y)

旋转图片

.rotate(color, deg)

Brew를 사용하는 것이 더 편리합니다. 환경 변수에 대해 걱정할 필요가 없습니다.

GraphicsMagick

🎜🎜물론 ImageMagick을 사용하지 않는다면 GraphicsMagick을 사용해도 됩니다:🎜rrreee🎜🎜Quote gm🎜🎜🎜처음에는 ImageMagick을 설치하기로 선택했습니다. 오류:🎜rrreee 🎜ImageMagick을 사용하려면 위의 내용이 실제로 잘못되었습니다. ImageMagick 도구를 사용하겠다는 점을 명확하게 지정하여 이렇게 작성해야 합니다. 🎜rrreee🎜🎜기타 기능🎜🎜🎜모든 사람을 위해 gm의 공통 기능을 기록하세요. 메모: 🎜🎜🎜참고: gm은 체인으로 호출될 수 있는데, 이는 gm(파일 이름)에서 이미지 파일을 읽고 레이어별로 처리합니다. 마지막으로 file.write(filename, callback)에 씁니다. 🎜🎜🎜🎜🎜사진 확대🎜🎜🎜🎜.resize(너비, 높이)🎜🎜🎜🎜사진 자르기🎜🎜🎜🎜.crop(너비, 높이, x, y) )🎜🎜🎜🎜Rotate the picture🎜🎜🎜🎜<code>.rotate(color, deg)🎜🎜color는 배경색입니다(도 회전 각도가 다음과 같은 경우 배경색이 유용합니다). 90의 배수가 아닌 '#ededed' 형식을 사용하세요)🎜🎜더 많은 노드 관련 지식을 보려면 🎜nodejs 튜토리얼🎜을 방문하세요! 🎜

위 내용은 Nodejs가 gm과 imageMagick을 사용하여 이미지를 처리하는 방법에 대해 이야기해 보겠습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!