Den här sidan är maskinöversatt. Hittade du ett fel?Hjälp till att förbättra den.
Skip to content

Kant och ram

Lägg till kanter, utfyllnad, rundade hörn och slagskuggor på bilder. Verktyget tillämpar effekterna i ordning: utfyllnad, kant, hörnradie och sedan skugga.

API-slutpunkt

POST /api/v1/tools/image/border

Parametrar

ParameterTypObligatoriskStandardBeskrivning
borderWidthtalNej10Kanttjocklek i pixlar (0 till 2000)
borderColorsträngNej"#000000"Kantfärg i hex (t.ex. #FF0000)
paddingtalNej0Inre utfyllnad mellan bild och kant i pixlar (0 till 200)
paddingColorsträngNej"#FFFFFF"Fyllnadsfärg för utfyllnad i hex
cornerRadiustalNej0Hörnradie i pixlar (0 till 2000)
shadowbooleanNejfalseOm en slagskugga ska läggas till
shadowBlurtalNej15Radie för skuggoskärpa (1 till 200)
shadowOffsetXtalNej0Horisontell skuggförskjutning (-50 till 50)
shadowOffsetYtalNej5Vertikal skuggförskjutning (-50 till 50)
shadowColorsträngNej"#000000"Skuggfärg i hex
shadowOpacitytalNej40Skuggopacitet i procent (0 till 100)

Exempelförfrågan

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

Exempelsvar

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

Anteckningar

  • Använder standardfabriken createToolRoute. Tar emot en enda bildfil via multipart-uppladdning.
  • Stöder indataformaten HEIC, RAW, PSD och SVG (avkodas automatiskt).
  • Bearbetningsordning: utfyllnad läggs till först, sedan lindas kanten runt, därefter tillämpas hörnradien och slutligen komponeras skuggan in.
  • När cornerRadius eller shadow är aktiverat tvingas utdata till PNG (oavsett indataformat) för att bevara transparens. Format som stöder alfa (PNG, WebP, AVIF) behåller sitt ursprungliga format.
  • Skuggan är formmedveten: den följer de rundade hörnen i stället för att skapa en rektangulär skugga.
  • Att sätta borderWidth till 0 och bara använda cornerRadius + shadow skapar en ramlös rundad skuggeffekt.