mirror of
https://github.com/excalidraw/excalidraw.git
synced 2025-05-03 10:00:07 -04:00
Move with arrow keys
This commit is contained in:
parent
48d9147d87
commit
3c8eb862f5
1 changed files with 19 additions and 0 deletions
19
src/index.js
19
src/index.js
|
@ -138,6 +138,25 @@ function App() {
|
|||
}
|
||||
}
|
||||
drawScene();
|
||||
event.preventDefault();
|
||||
} else if (
|
||||
event.key === "ArrowLeft" ||
|
||||
event.key === "ArrowRight" ||
|
||||
event.key === "ArrowUp" ||
|
||||
event.key === "ArrowDown"
|
||||
) {
|
||||
const step = event.shiftKey ? 5 : 1;
|
||||
elements.forEach(element => {
|
||||
if (element.isSelected) {
|
||||
if (event.key === "ArrowLeft") element.x -= step;
|
||||
else if (event.key === "ArrowRight") element.x += step;
|
||||
else if (event.key === "ArrowUp") element.y -= step;
|
||||
else if (event.key === "ArrowDown") element.y += step;
|
||||
generateShape(element);
|
||||
}
|
||||
});
|
||||
drawScene();
|
||||
event.preventDefault();
|
||||
}
|
||||
}, []);
|
||||
React.useEffect(() => {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue