What is Mask Image?
A masked image is a black and white image that tells Luw.ai generators to which areas to change.
Last updated
A masked image is a black and white image that tells Luw.ai generators to which areas to change.
Last updated
Think of it like a stencil - white areas will be changed, while black areas stay protected. This technique gives you precise control over where edits appear in your image. It must be the same size with the image you provided.
Image: Your normal photo with objects like chairs, mirrors, lamps, or pillows
Masked Image: A black and white version where:
White: Areas you want to edit
Black: Areas you want to leave alone
Visit to create your mask:
Upload your photo
Mark areas using either:
The brush tool to paint manually
AI detection to automatically select objects
Click "Download"
If you're building with an application using Magic Wand, you'll need to handle masked images. Here are recommended tools:
react-canvas-draw
Simple mask drawing
React optimized
Easy to integrate
react-sketch-canvas
Touch friendly
Clean mask output
React hooks ready
react-konva
Powerful canvas control
React components
Most popular option
vue-konva
Vue 3 compatible
Similar to react-konva
Full mask features
v-canvas
Lightweight drawing
Vue optimized
Simple masking
ng2-canvas-whiteboard
Angular focused
Touch support
Mask export
konva-angular
Feature rich
TypeScript ready
Professional grade
React Native Skia
Native performance
Cross platform
Flutter Custom Paint
Clean mask drawing
Touch optimized
PencilKit
Drawing optimized
Mask export
React → react-sketch-canvas
Vue → vue-konva
Angular → konva-angular
React Native → React Native Skia
Flutter → Custom Paint
iOS → PencilKit
note: add extra methods like soften to 3d, seed to non seed models etc..