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

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

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

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



convert進行縮放的方法如下：

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

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

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

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

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

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



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

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

合成后效果如下：

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



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

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

最后成果如下：

最新評論