Skip to content

Commit f0eb760

Browse files
committed
Update guide with canvas shortcut information
1 parent cf5f917 commit f0eb760

1 file changed

Lines changed: 9 additions & 5 deletions

File tree

guides/README.md

Lines changed: 9 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -226,6 +226,15 @@ function MyNode()
226226
this.addWidget("text","Surname","", { property: "surname"}); //this will modify the node.properties
227227
}
228228
```
229+
## LGraphCanvas
230+
LGraphCanvas is the class in charge of rendering/interaction with the nodes inside the browser.
231+
### Canvas Shortcuts
232+
* Space - Holding space key while moving the cursor moves the canvas around. It works when holding the mouse button down so it is easier to connect different nodes when the canvas gets too large.
233+
* Ctrl/Shift + Click - Add clicked node to selection.
234+
* Ctrl + A - Select all nodes
235+
* Ctrl + C/Ctrl + V - Copy and paste selected nodes, without maintaining the connection to the outputs of unselected nodes.
236+
* Ctrl + C/Ctrl + Shift + V - Copy and paste selected nodes, and maintaining the connection from the outputs of unselected nodes to the inputs of the newly pasted nodes.
237+
* Holding Shift and drag selected nodes - Move multiple selected nodes at the same time.
229238

230239
# Execution Flow
231240
To execute a graph you must call ```graph.runStep()```.
@@ -320,11 +329,6 @@ this.setOutputData(0, {
320329

321330

322331

323-
```
324-
325-
326-
327-
328332

329333

330334

0 commit comments

Comments
 (0)