react-boundless-canvas v0.0.1

Electric Canvas

A canvas for creating electrical diagrams.

Features

• GPU accelerated 2D rendering (performance!)
• Full pan and zoom functionality. There's a red square and some blue squares nearby just as debug objects to allow the user see them pan and zoom
• Able to click and drag junctions to move them
• Able to click and drag while in the selection tool to do a 'box select' of multiple junctions and/or connections
• Fully functioning history! Either click "Undo"/"Redo" on the right, or click directly in past history items to jump back/forward.
• Grid. Can disable grid overlay and/or snapping to Grid via the "Grid" dropdown in top left.
• Export. Basic for now, but outputs an SVG
• Saving and loading. Basic for now, but File->Save saves the file and autoloads on refresh. File->New will wipe the state.

TODO

• Multi-move is broken!
• Bug: Re-calculate connection when a junction is moved via undo/redo. Currently it doesn't update the connection points (although it does work when just moving it, just not history)
• Clicking on the top menu then moving the mouse to the next section should open it. eg Clicking on "File" then moving the mouse over "Edit" should open the edit menu.
• Deleting a junction should delete any connections that are connected to it.
• Text support
• Save File As should output a JSON file to download. In the future, we should encrypt this file.