image-diff

2개의 화상을 비교해, 차분을 출력해 주는 package 입니다. 같은 이미지인지 boolean 으로 돌려주어 줍니다!

사용하기 쉽고 편리합니다.

사용법

npm으로 설치합니다. 사전에 ImageMagick 도 넣어 둘 필요가 있습니다.

npm install image-diff

준비 만단! 사용해 본다.

이렇게 짜증나는 이미지를 준비해 보았습니다.


sample1.png
sample2.png






node를 시작하고

var imageDiff = require('image-diff');
imageDiff({
  actualImage: 'sample1.png',
  expectedImage: 'sample2.png',
  diffImage: 'difference.png',
}, function (err, imagesAreSame) {
  // err : 例外時に Error が渡されます
  // imagesAreSame : image がマッチしたか・アンマッチだったか Boolean で渡されます
});

출력된 이미지가 여기입니다.


difference.png





이미지 크기가 약간 다릅니다? ? 인가, 「치」 「토」도 얇게 차분이 나 버렸습니다만, 제대로 차분 부분이 출력되었습니다! !

같은 패턴도 살펴보겠습니다.


sample1.png
sample3.png






커맨드 라인 인터페이스도 준비되어 있기 때문에, 사용해 보겠습니다.

image-diff sample1.png sample3.png difference.png

같은 이미지이므로 새하얀 이미지가 출력되었습니다!


difference.png





또한 명령 행에서도 일치했는지 여부를 Boolean에서 확인할 수 있습니다.

> image-diff sample1.png sample2.png
> echo $?
=> 1

> image-diff sample1.png sample3.png
> echo $?
=> 0

편리하다! (커맨드 라인 사용한다면 ImageMagick compare 하지만 좋은 생각이 듭니다만)