graphicsmagick node.js에서 왜곡되고 늘어난 이미지를 제어하는 ​​방법

Question

크기를 조정하여 이미지의 가로 세로 비율을 동일하게 유지하면서 이미지를 표시하려고하지만 이미지가 늘어납니다. 3 개의 이미지가 모두 50 x 50입니다. 가로 세로 비율을 유지하여 왼쪽 이미지의 크기를 다시 조정해야합니다. 다른 두 이미지는 첫 번째 이미지와 평행하게 위아래로 표시됩니다. 모자이크()가 네 개의 블록을 만든다고 생각합니다. 하지만 3 블록을 원한다면 첫 번째 이미지가 나타날 것입니다. 그리고 첫 번째 이미지가 끝날 때까지 크기가 다시 조정되고 다음 두 블록은 다른 두 이미지가 위아래로 나타나서 첫 번째 이미지와 평행을 이룰 것입니다. 아래는 내가 아래와 같이하지만 화면비를 유지하면서 이미지를 원하는

gm() 
     .in('-page', '+0+0') 
     .in('-resize', '50x100!') 
     .in('http://localhost:8080/image1') 
     .in('-page', '+50+0') 
     .in('http://localhost:8080/image2') 
     .in('-page', '+50+50') 
     .in('http://localhost:8080/image3') 
     .mosaic() 
     .write('C:/images/output.jpg', function (err) { 
      if (err) console.log(err); 
     }); 

코드이며, 검은 색 이미지가 늘어 보인다, 나는 그것이 뻗어 싶지 않아, 검은 이미지 최종

까지 전체 왼쪽 영역을 커버한다

내가 제거하면! 이미지는

Answer 1

내가 node를 사용하지 않는 뻗어 이상하지만 나는이 이미지를 원하는 것 같습니다하지만 난 당신이 적용 할 수있을 것이라고 생각 :

우리의 세 가지 이미지를 확인 : 이제

convert -size 50x50 -background black -fill white -gravity center -pointsize 36 label:"1" image1.jpg 
convert -size 50x50 -background red -fill white -gravity center -pointsize 36 label:"2" image3.jpg 
convert -size 50x50 -background red -fill white -gravity center -pointsize 36 label:"3" image3.jpg 

크기를 조정하고 배열 :

convert image1.jpg -resize x100 -gravity center -extent 50x100 \(image2.jpg image3.jpg -append \) +append result.png 

기본적으로 I는 -resize x100image1 높이 100 픽셀을하고 다음 -gravity center -extent 50x100와 미들 중앙 광대역 50 화소를 추출하는 단계를 포함한다. 그런 다음 괄호 안에 "나란히"을로드하고 -append을 사용하여 image2 및 image3을 배치하고 다른 하나를 아래에 배치합니다. 그런 다음 이미지 쌍을 +append으로 원본 이미지의 오른쪽에 추가하고 결과를 result.png에 기록합니다.