✂️
Touch Up
img.editThe DarkroomImagesRuns a stack of quick edits on an image, top to bottom: resize, crop to a circle, rotate, adjust colours, add a border, slap on meme captions, deep-fry it, or speed up / reverse / boomerang a GIF. Animated GIFs stay animated.
On the canvas
This is what Touch Up looks like when you place it on your flow. Each field below is something you configure in the inspector panel.
✂️Images
Touch Up
img.editimagerequired
image…
ops
ops…
format
select…
as
edited
fileName
edited
output
error
Config fields
| Field | Type | Req | What it does |
|---|---|---|---|
image | image | yes | Image 🖼️ |
ops | ops | — | Edits ✂️ |
format | select | — | Save as 🧾 |
asedited | text | — | Save it as ✨ |
fileNameedited | text | — | File name 📎 |
Output ports
outputThe edited image is in your spark
errorNo image, or it couldn't be edited
📐
In TypeScript, this would be…
Not something you need to write — just a look at what Kitcord does for you.
TypeScript
// Each edit runs on every frame, so GIFs stay animated
const out = createCanvas(size, size);
const ctx = out.getContext("2d");
ctx.beginPath(); ctx.arc(size / 2, size / 2, size / 2, 0, Math.PI * 2); ctx.clip();
ctx.drawImage(frame, 0, 0, size, size); // crop to a circle
// …then filters, captions, borders, speed changesRelated pieces
More Images pieces
