Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): do not fill brush preview when drawing

Browse Source
This commit is contained in:
psychedelicious 2024-06-06 17:03:28 +10:00
parent bee3fa339d
commit 37ac7d8ed5
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
invokeai/frontend/web/src/features/controlLayers/components/StageComponent.tsx
View File

@ -74,6 +74,7 @@ const useStageRenderer = (
const tool = useStore($tool);
const lastCursorPos = useStore($lastCursorPos);
const lastMouseDownPos = useStore($lastMouseDownPos);
const isDrawing = useStore($isDrawing);
const brushColor = useAppSelector(selectBrushColor);
const selectedLayer = useAppSelector(selectSelectedLayer);
const layerIds = useMemo(() => state.layers.map((l) => l.id), [state.layers]);
@ -249,7 +250,8 @@ const useStageRenderer = (
state.globalMaskLayerOpacity,
lastCursorPos,
lastMouseDownPos,
state.brushSize
state.brushSize,
isDrawing
);
}, [
asPreview,
@ -262,6 +264,7 @@ const useStageRenderer = (
lastMouseDownPos,
state.brushSize,
renderers,
isDrawing,
]);
useLayoutEffect(() => {

5
invokeai/frontend/web/src/features/controlLayers/konva/renderers/toolPreview.ts
View File

@ -88,7 +88,8 @@ export const renderToolPreview = (
globalMaskLayerOpacity: number,
cursorPos: Vector2d | null,
lastMouseDownPos: Vector2d | null,
brushSize: number
brushSize: number,
isDrawing: boolean
): void => {
const layerCount = stage.find(selectRenderableLayers).length;
// Update the stage's pointer style
@ -133,7 +134,7 @@ export const renderToolPreview = (
x: cursorPos.x,
y: cursorPos.y,
radius: brushSize / 2,
fill: rgbaColorToString(brushColor),
fill: isDrawing ? '' : rgbaColorToString(brushColor),
globalCompositeOperation: tool === 'brush' ? 'source-over' : 'destination-out',
});