圖片裁剪
更新時間 2024-07-22 18:11:09
最近更新時間: 2024-07-22 18:11:09
分享文章
本文介紹圖片裁剪具體使用參數及示例。
開通圖片處理后,客戶可通過URL請求中攜帶圖片裁剪參數,裁剪原圖中指定位置的內容并生成新的圖片。
注意圖片處理為付費服務,目前處于公測期間,暫不收取費用,收費時間另行通知。
- 居中裁剪:從圖片居中部分裁剪指定寬和高的圖片內容。寬的起點=(圖片總寬-w)/2,高的起點=(圖片總高-h)/2,找到該原點,然后裁剪寬×高大小的圖片內容。
- 指定X、Y軸裁剪:按指定x、y、寬和高裁剪,以x和y為起點,裁剪寬×高大小的圖片內容。
- 九宮格裁剪:設置原點位置,原點按九宮格分布,橫向以w指示的寬度向右裁剪,縱向以h指示的高度向下裁剪,裁剪寬×高大小的圖片內容。
參數說明及示例
參數名稱:cut。
支持的參數值說明如下:
參數類型 參數 說明 取值范圍 裁剪類型 mid 居中裁剪參數,需與參數w、h一起使用。 無。 x 指定X、Y軸裁剪參數,指定裁剪起點橫坐標,需與參數y、w、h一起使用,必填。 不能超出原圖寬度,如x超出原圖寬,將會返回原圖。 y 指定X、Y軸裁剪參數,指定裁剪起點縱坐標,需與參數x、w、h一起使用,必填。 不能超出原圖高度,如y超出原圖高,將會返回原圖。 g 九宮格裁剪參數,設置裁剪的原點位置。原點按照九宮格的形式分布,一共有九個位置可以設置,為每個九宮格的左上角頂點。
需與參數w、h一起使用。NW:左上。
N:中上。
NE:右上。
W:左中。
M:中部。
E:右中。
SW:左下。
S:中下。
SE:右下。
超出上述值,裁剪不生效,將會返回原圖。裁剪寬和高 w 指定從原點開始向右的裁剪寬度。與居中裁剪、指定X、Y軸裁剪、九宮格裁剪參數一起使用。 不能超出原圖寬度,如w超出原圖寬,將會按照對應的寬最大值處理。 h 指定從原點開始向下的裁剪高度。與居中裁剪、指定X、Y軸裁剪、九宮格裁剪參數一起使用。 不能超出原圖高度,如h超出原圖高,將會按照對應的高最大值處理。
操作方式說明及示例如下:
| 裁剪方式 | 說明 | 參數示例 |
|---|---|---|
| 居中裁剪 | 從圖片居中部分裁剪指定寬和高的圖片內容。寬的起點=(圖片總寬-w)/2,高的起點=(圖片總高-h)/2,找到該原點,然后裁剪寬×高大小的圖片內容。 | //test.daliqc.cn/a.png?action=cut:mid,w_400,h_200。 從圖片居中部分裁剪指定寬和高的圖片內容。寬的起點=(圖片總寬-w)/2,高的起點=(圖片總高-h)/2,找到該原點,然后向右向下裁剪400×200大小的圖片內容。 |
| 指定X、Y軸裁剪 | 按指定x、y、寬和高裁剪,以x和y為起點,裁剪寬×高大小的圖片內容。注意:x、y值必填,否則會返回原圖。 | //test.daliqc.cn/a.png?action=cut:x_10,y_10,w_400,h_200。 指定X、Y軸剪切:按x為10,y為10的位置為指定原點,向右向下裁剪400×200的圖片內容。 |
| 九宮格裁剪 | 設置原點位置,原點按九宮格分布,橫向以w指示的寬度向右裁剪,縱向以h指示的高度向下裁剪,裁剪寬×高大小的圖片內容。 | //test.daliqc.cn/a.png?action=cut:g_NW,w_400,h_200。 九宮格切:設置原點位置為九宮格左上位置,橫向向右以w指示的400寬度裁切,縱向向下以h指示的高度200裁切,裁剪400×200大小的圖片內容。 |