This page was machine-translated. Spotted a mistake?Help improve it.
Skip to content

Border & Frame

為影像加上邊框、內距、圓角及投影。此工具會依序套用效果:內距、邊框、圓角、然後陰影。

API Endpoint

POST /api/v1/tools/image/border

Parameters

ParameterTypeRequiredDefaultDescription
borderWidthnumberNo10邊框粗細,以像素為單位(0 至 2000)
borderColorstringNo"#000000"邊框顏色,以十六進位表示(例如 #FF0000
paddingnumberNo0影像與邊框之間的內距,以像素為單位(0 至 200)
paddingColorstringNo"#FFFFFF"內距填充顏色,以十六進位表示
cornerRadiusnumberNo0圓角半徑,以像素為單位(0 至 2000)
shadowbooleanNofalse是否加上投影
shadowBlurnumberNo15陰影模糊半徑(1 至 200)
shadowOffsetXnumberNo0陰影水平偏移(-50 至 50)
shadowOffsetYnumberNo5陰影垂直偏移(-50 至 50)
shadowColorstringNo"#000000"陰影顏色,以十六進位表示
shadowOpacitynumberNo40陰影不透明度百分比(0 至 100)

Example Request

bash
curl -X POST http://localhost:1349/api/v1/tools/image/border \
  -F "[email protected]" \
  -F 'settings={"borderWidth":20,"borderColor":"#333333","cornerRadius":16,"shadow":true,"shadowBlur":25,"shadowOpacity":50}'

Example Response

json
{
  "jobId": "a1b2c3d4-e5f6-7890-abcd-ef1234567890",
  "downloadUrl": "/api/v1/download/a1b2c3d4-e5f6-7890-abcd-ef1234567890/photo.png",
  "originalSize": 456789,
  "processedSize": 523456
}

Notes

  • 使用標準的 createToolRoute 工廠。透過 multipart 上傳接受單一影像檔案。
  • 支援 HEIC、RAW、PSD 及 SVG 輸入格式(自動解碼)。
  • 處理順序:先加上內距,接著邊框環繞四周,然後套用圓角,最後合成陰影。
  • 當啟用 cornerRadiusshadow 時,輸出會強制為 PNG(不論輸入格式為何)以保留透明度。支援 alpha 的格式(PNG、WebP、AVIF)會保留其原始格式。
  • 陰影會依形狀變化:它會沿著圓角,而非產生矩形陰影。
  • borderWidth 設為 0 並僅使用 cornerRadius + shadow,可製作出無邊框的圓角陰影效果。