This page was machine-translated. Spotted a mistake?Help improve it.
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 "[email protected]" \
  -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.