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

fix(ui): always use current brush width when making straight lines

Browse Source
This commit is contained in:
psychedelicious 2024-06-16 20:50:57 +10:00
parent 890e6a95ed
commit e937aa831f
1 changed files with 39 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
invokeai/frontend/web/src/features/controlLayers/konva/events.ts
View File

@ -188,15 +188,24 @@ export const setStageEventHandlers = ({
if (toolState.selected === 'brush') {
if (e.evt.shiftKey) {
// Extend the last line straight to the new point
setLastAddedPoint(pos);
onPointAddedToLine(
{
id: selectedEntity.id,
point: [pos.x - selectedEntity.x, pos.y - selectedEntity.y],
},
selectedEntity.type
);
const lastAddedPoint = getLastAddedPoint();
// Create a straight line if holding shift
if (lastAddedPoint) {
onBrushLineAdded(
{
id: selectedEntity.id,
points: [
lastAddedPoint.x - selectedEntity.x,
lastAddedPoint.y - selectedEntity.y,
pos.x - selectedEntity.x,
pos.y - selectedEntity.y,
],
color: getCurrentFill(),
width: toolState.brush.width,
},
selectedEntity.type
);
}
} else {
onBrushLineAdded(
{
@ -213,19 +222,28 @@ export const setStageEventHandlers = ({
selectedEntity.type
);
}
setLastAddedPoint(pos);
}
if (toolState.selected === 'eraser') {
if (e.evt.shiftKey) {
// Extend the last line straight to the new point
setLastAddedPoint(pos);
onPointAddedToLine(
{
id: selectedEntity.id,
point: [pos.x - selectedEntity.x, pos.y - selectedEntity.y],
},
selectedEntity.type
);
// Create a straight line if holding shift
const lastAddedPoint = getLastAddedPoint();
if (lastAddedPoint) {
onEraserLineAdded(
{
id: selectedEntity.id,
points: [
lastAddedPoint.x - selectedEntity.x,
lastAddedPoint.y - selectedEntity.y,
pos.x - selectedEntity.x,
pos.y - selectedEntity.y,
],
width: toolState.eraser.width,
},
selectedEntity.type
);
}
} else {
onEraserLineAdded(
{
@ -241,6 +259,7 @@ export const setStageEventHandlers = ({
selectedEntity.type
);
}
setLastAddedPoint(pos);
}
});
@ -341,6 +360,7 @@ export const setStageEventHandlers = ({
},
selectedEntity.type
);
setLastAddedPoint(pos);
setIsDrawing(true);
}
}
@ -364,6 +384,7 @@ export const setStageEventHandlers = ({
},
selectedEntity.type
);
setLastAddedPoint(pos);
setIsDrawing(true);
}
}