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

Border & Frame

Thêm viền, khoảng đệm, góc bo tròn và bóng đổ vào hình ảnh. Công cụ áp dụng các hiệu ứng theo thứ tự: khoảng đệm, viền, bán kính bo góc, rồi bóng đổ.

API Endpoint

POST /api/v1/tools/image/border

Parameters

ParameterTypeRequiredDefaultDescription
borderWidthnumberNo10Độ dày viền tính bằng pixel (0 đến 2000)
borderColorstringNo"#000000"Màu viền dạng hex (ví dụ #FF0000)
paddingnumberNo0Khoảng đệm bên trong giữa hình ảnh và viền tính bằng pixel (0 đến 200)
paddingColorstringNo"#FFFFFF"Màu lấp khoảng đệm dạng hex
cornerRadiusnumberNo0Bán kính bo góc tính bằng pixel (0 đến 2000)
shadowbooleanNofalseCó thêm bóng đổ hay không
shadowBlurnumberNo15Bán kính làm mờ bóng đổ (1 đến 200)
shadowOffsetXnumberNo0Độ lệch ngang của bóng đổ (-50 đến 50)
shadowOffsetYnumberNo5Độ lệch dọc của bóng đổ (-50 đến 50)
shadowColorstringNo"#000000"Màu bóng đổ dạng hex
shadowOpacitynumberNo40Phần trăm độ mờ của bóng đổ (0 đến 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

  • Sử dụng factory createToolRoute tiêu chuẩn. Chấp nhận một tệp hình ảnh duy nhất qua tải lên multipart.
  • Hỗ trợ các định dạng đầu vào HEIC, RAW, PSD và SVG (được giải mã tự động).
  • Thứ tự xử lý: khoảng đệm được thêm trước, rồi viền bọc quanh, rồi bán kính bo góc được áp dụng, rồi bóng đổ được ghép vào.
  • Khi cornerRadius hoặc shadow được bật, đầu ra buộc phải là PNG (bất kể định dạng đầu vào) để giữ độ trong suốt. Các định dạng hỗ trợ kênh alpha (PNG, WebP, AVIF) giữ nguyên định dạng gốc.
  • Bóng đổ nhận biết hình dạng: nó bám theo các góc bo tròn thay vì tạo một bóng đổ hình chữ nhật.
  • Đặt borderWidth bằng 0 và chỉ dùng cornerRadius + shadow tạo hiệu ứng bóng đổ bo tròn không khung.