使用ImageMagick進(jìn)行圖片縮放、合成與裁剪(js+python)

更新時(shí)間：2013年09月16日 11:13:22 作者：

由于需要在服務(wù)器端處理，使用就研究使用imagemagick來進(jìn)行。同時(shí)準(zhǔn)備封裝了一個(gè)Node.js和Python的方法，主要還是講一下然后使用imagemagick來對(duì)圖片進(jìn)行縮放、合成后進(jìn)行裁剪吧

最近的項(xiàng)目里面需要對(duì)書籍的封面進(jìn)行處理，就是加一條陰影線形成書脊的凹凸感，然后將書脊切出，分成兩部分，以便客戶端實(shí)現(xiàn)打開動(dòng)畫。由于需要在服務(wù)器端處理，使用就研究使用imagemagick來進(jìn)行。同時(shí)準(zhǔn)備封裝了一個(gè)Node.js和Python的方法，主要還是講一下然后使用imagemagick來對(duì)圖片進(jìn)行縮放、合成后進(jìn)行裁剪吧。

首先素材文件如下（左邊未處理封面，右邊為需要合成上去的陰影）：

fmsc

安裝ImageMagick的過程就不講了，可以參考官網(wǎng)的安裝方法：http://www.imagemagick.org/script/install-source.php

首先對(duì)封面圖片file.png進(jìn)行縮放，縮放到高度為1024，生成newfile.png方便與陰影圖片合成，命令如下：

復(fù)制代碼代碼如下:

convert -resize x1024 file.png newfile.png

convert進(jìn)行縮放的方法如下：

convert -resize 1024 file.jpg newfile.jpg
得到圖片寬為1024，高根據(jù)原始圖片比例計(jì)算而來

convert -resize x768 file.jpg newfile.jpg
得到的圖片高位768，寬根據(jù)原始圖片比例計(jì)算而來

convert -resize 1024×768! file.jpg newfile.jpg
固定寬高縮放，不考慮原是圖寬高的比例，把圖片縮放到指定大小。

convert -resize “1024×768>” file.jpg newfile.jpg
只有當(dāng)src.jpg的寬大于1024或高大于768時(shí)候，才進(jìn)行縮小處理，否則生成newfile.jpg和file.jpg具有一樣的尺寸。

convert -resize “1024×768<” file.jpg newfile.jpg
只有當(dāng)src.jpg的寬小于1024或高小于768時(shí)候，才進(jìn)行放大處理，否則生成newfile.jpg和file.jpg具有一樣的尺寸。

接下來就是將陰影文件合成到封面上（將yy.png從左上角合成到file.png生成newfile.png）：

復(fù)制代碼代碼如下:

composite -gravity northwest yy.png file.png newfile.png

這里主要解釋一下-gravity參數(shù)：

-gravity northwest指右上角
如果要求在正中間，參數(shù)為center
如果要求在右下角，參數(shù)為southeast
其他按照方位進(jìn)行

合成后效果如下：

fmyy

最后就是圖片的裁剪，將圖片分為兩部分，陰影部分left.png和其他部分right.png：

復(fù)制代碼代碼如下:

 
left：convert file.png -gravity southwest -crop 31x1024+0+0 left.png 
right：convert file.png -gravity southeast -crop 737x1024+0+0 right.png 

裁剪方法的調(diào)整如下：

convert file.png -crop widthxheight+x+y newfile
其中widthxheight是目標(biāo)圖片的尺寸，+x+y是原始圖片的坐標(biāo)點(diǎn)，這兩組值至少要出現(xiàn)一組，也可以同時(shí)存在。另外該命令也可使用gravity來重新定義坐標(biāo)系統(tǒng)。

最后成果如下：

fmwc