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"สีขอบเป็น hex (เช่น #FF0000)
paddingnumberNo0ระยะขอบด้านในระหว่างรูปภาพกับขอบเป็นพิกเซล (0 ถึง 200)
paddingColorstringNo"#FFFFFF"สีเติมระยะขอบเป็น hex
cornerRadiusnumberNo0รัศมีมุมเป็นพิกเซล (0 ถึง 2000)
shadowbooleanNofalseจะเพิ่มเงาทอดหรือไม่
shadowBlurnumberNo15รัศมีการเบลอเงา (1 ถึง 200)
shadowOffsetXnumberNo0ระยะเลื่อนแนวนอนของเงา (-50 ถึง 50)
shadowOffsetYnumberNo5ระยะเลื่อนแนวตั้งของเงา (-50 ถึง 50)
shadowColorstringNo"#000000"สีเงาเป็น hex
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 (ถอดรหัสอัตโนมัติ)
  • ลำดับการประมวลผล: เพิ่มระยะขอบก่อน แล้วขอบจะห่อรอบ ๆ จากนั้นใช้รัศมีมุม แล้วจึงประกอบเงา
  • เมื่อเปิดใช้งาน cornerRadius หรือ shadow เอาต์พุตจะถูกบังคับเป็น PNG (ไม่ว่ารูปแบบอินพุตจะเป็นอะไร) เพื่อรักษาความโปร่งใส รูปแบบที่รองรับอัลฟา (PNG, WebP, AVIF) จะคงรูปแบบเดิมไว้
  • เงาตระหนักถึงรูปทรง: มันจะติดตามมุมโค้งมนแทนที่จะสร้างเงาสี่เหลี่ยม
  • การตั้ง borderWidth เป็น 0 และใช้เฉพาะ cornerRadius + shadow สร้างเอฟเฟกต์เงาโค้งมนแบบไม่มีเฟรม