From f0eb76005e074fc81adb1bf8a92737ece85aa51e Mon Sep 17 00:00:00 2001 From: CMonk Date: Tue, 11 Apr 2023 01:21:50 +0800 Subject: [PATCH] Update guide with canvas shortcut information --- guides/README.md | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) diff --git a/guides/README.md b/guides/README.md index efd2db2cc..536f4a7b6 100644 --- a/guides/README.md +++ b/guides/README.md @@ -226,6 +226,15 @@ function MyNode() this.addWidget("text","Surname","", { property: "surname"}); //this will modify the node.properties } ``` +## LGraphCanvas +LGraphCanvas is the class in charge of rendering/interaction with the nodes inside the browser. +### Canvas Shortcuts +* 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. +* Ctrl/Shift + Click - Add clicked node to selection. +* Ctrl + A - Select all nodes +* Ctrl + C/Ctrl + V - Copy and paste selected nodes, without maintaining the connection to the outputs of unselected nodes. +* 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. +* Holding Shift and drag selected nodes - Move multiple selected nodes at the same time. # Execution Flow To execute a graph you must call ```graph.runStep()```. @@ -320,11 +329,6 @@ this.setOutputData(0, { -``` - - - -