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): hold shift w/ brush to draw straight line

Browse Source
This commit is contained in:
psychedelicious 2024-06-16 20:29:37 +10:00
parent 091e2fb751
commit f083be9391
1 changed files with 51 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -187,36 +187,60 @@ export const setStageEventHandlers = ({
setLastMouseDownPos(pos);
if (toolState.selected === 'brush') {
onBrushLineAdded(
{
id: selectedEntity.id,
points: [
pos.x - selectedEntity.x,
pos.y - selectedEntity.y,
pos.x - selectedEntity.x,
pos.y - selectedEntity.y,
],
color: getCurrentFill(),
width: toolState.brush.width,
},
selectedEntity.type
);
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
);
} else {
onBrushLineAdded(
{
id: selectedEntity.id,
points: [
pos.x - selectedEntity.x,
pos.y - selectedEntity.y,
pos.x - selectedEntity.x,
pos.y - selectedEntity.y,
],
color: getCurrentFill(),
width: toolState.brush.width,
},
selectedEntity.type
);
}
}
if (toolState.selected === 'eraser') {
onEraserLineAdded(
{
id: selectedEntity.id,
points: [
pos.x - selectedEntity.x,
pos.y - selectedEntity.y,
pos.x - selectedEntity.x,
pos.y - selectedEntity.y,
],
width: toolState.eraser.width,
},
selectedEntity.type
);
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
);
} else {
onEraserLineAdded(
{
id: selectedEntity.id,
points: [
pos.x - selectedEntity.x,
pos.y - selectedEntity.y,
pos.x - selectedEntity.x,
pos.y - selectedEntity.y,
],
width: toolState.eraser.width,
},
selectedEntity.type
);
}
}
});