七牛雲試用指南－圖片處理

通過好幾篇文章以後，想必讀者都已經清楚如何上傳和下載文件。這兩個基本功能是七牛雲存儲服務的核心與基礎，也是後續教程的起點。

結束了基礎功能的講解，咱們將步入一個全新的話題：數據處理。以存儲資源爲基礎，對內容進行變換和特殊處理從而生成新的資源，是七牛雲存儲提供的另外一大特點功能，涵蓋如下幾個大類：

1. 圖片處理；
2. 音視頻處理；
3. 文檔處理；
4. 持久化處理；
5. 管道化處理；
6. 雜項處理。

本篇文章主講圖片處理，引入數據處理這一新概念和相關原理。

■ 縮略圖

進行數據處理有3種方式，第一種是在下載URL後附加處理指令，規則以下：

http://<Bucket>.qiniudn.com/<Key>?<Fop>
或
http://<Domain>/<Key>?<Fop>

以牛小七爲原圖（720x960）：

如想得到300x150的縮略圖，可將下載URL寫成以下形式：

http://developer.qiniu.com/牛小七.png?imageView2/1/w/300/h/150

問號後的部分是具體處理規格：

• imageView2/1指定使用imageView2處理接口的1號模式；
• w參數限定縮略圖的寬度；
• h參數限定縮略圖的長度。

該規格指示七牛雲存儲對原圖進行等比縮略，而後居中裁剪出300x150縮略圖。實際效果以下圖所示：

■ 裁剪

imageView2是簡化的圖片處理接口，提供有限的圖片處理功能。七牛雲存儲還提供名爲imageMogr2的處理接口，支持更豐富的處理功能。

好比想得到正上方的裁剪縮略圖時，可將下載URL寫成以下形式：

http://developer.qiniu.com/牛小七.png?imageMogr2/thumbnail/300x300/gravity/North/crop/300x185

其中，

• imageMogr2指定使用imageMogr2處理接口；
• thumbnail參數指定第一步先進行全圖縮略，尺寸爲300x300；
• gravity參數將裁剪錨點定位到正上方（也即TopCenter）；
• crop參數指示第二步對縮略圖進行裁剪，尺寸爲300x185。

實際效果以下圖所示：

注意：該接口的各個指令參數是以書寫順序來逐步處理數據的。

■ 文字水印

要給圖片打上水印也很方便。以文字水印爲例：

http://developer.qiniu.com/牛小七.png?watermark/2/text/54mb5bCP5LiD/gravity/Center/fontsize/960

其中，

• watermark/2指定使用watermark處理接口的2號模式，即文字水印；
• text參數給出文字內容，通過UrlSafe-Base64編碼；
• gravity參數指定水印錨點，此處設置在原圖正中心；
• fontsize參數指定字號，此處爲48磅。

實際效果以下圖所示：

■ 特別說明

• 本文所使用的圖片處理接口都屬於同步調用，計算過程會產生些許延遲，一般能夠忽略不計；
• 爲加速下載，處理結果將被七牛雲自動緩存，不計入存儲空間，過時將失效並在下一次訪問時從新處理。

■ 我們行進到哪兒了？

在上傳和下載文件的基礎功能之上，經過給URL附加數據處理指令，可得到即時式的圖片處理效果，極爲便利。

上一篇 文件下載
下一篇 音視頻基本處理

回目錄

---

七牛雲存儲 © 2014 署名-非商業性使用-禁止演繹

容許自由轉載，請註明做者及出處。