diff --git a/gui/src/components/MaskCanvas.tsx b/gui/src/components/MaskCanvas.tsx
index 6085fd2f..d2765e71 100644
--- a/gui/src/components/MaskCanvas.tsx
+++ b/gui/src/components/MaskCanvas.tsx
@@ -260,27 +260,30 @@ export function MaskCanvas(props: MaskCanvasProps) {
/>
}
+ startIcon={}
onClick={() => {
floodCanvas(bufferRef, floodBelow);
+ drawBuffer();
save();
}}>
Gray to black
}
+ startIcon={}
onClick={() => {
- floodCanvas(bufferRef, floodGray);
+ floodCanvas(bufferRef, floodBlack);
+ drawBuffer();
save();
}}>
- Grayscale
+ Fill with black
}
+ startIcon={}
onClick={() => {
floodCanvas(bufferRef, floodAbove);
+ drawBuffer();
save();
}}>
Gray to white
@@ -325,8 +328,8 @@ export function floodAbove(n: number): number {
}
}
-export function floodGray(n: number): number {
- return n;
+export function floodBlack(): number {
+ return 0;
}
export function grayToRGB(n: number, o = 1.0): string {
@@ -347,6 +350,8 @@ function floodCanvas(ref: RefObject, flood: FloodFn) {
pixels[i] = final;
pixels[i + 1] = final;
pixels[i + 2] = final;
+ // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+ pixels[i + 3] = 255;
}
}