Skip to content

This is a schematic editor that uses SVG format and a simple schematic library.

License

Notifications You must be signed in to change notification settings

bigbigmdm/JS-SVG-Editor

Repository files navigation

JS-SVG-Editor

This is a schematic editor that uses SVG format and a simple schematic library. Editor start screen

This editor can work in large character mode (for small schemes) and small character mode (for medium schemes). Please run the index.html file and select the editor mode.

The editing image have a fixed size - 600 x 400 px. This is shown in the following screenshot. Editor main screen

The editor can be running in draw mode for drawing the wires and rectangles and in the place mode for the drawing a electronics components. For switching this modes uses the button "Draw/Place". Use the "Line/Rectangle" button to change the wire or rectangle pattern. Any lines, rectangles and schematic elements you create are displayed in the text area in SVG commands. When the schema creation is finished, the resulting SVG image can be saved to a file with the "SAVE" key. The "Left" and "Right" buttons use for the selecting element to delete. The "Delete" button does it.

Editor start screen

To install the editor, copy the index.html, draw.css, svg_small.js, svg_big.js, svg_editor_big.html, svg_editor_small.html files into a folder and run index.html.

About

This is a schematic editor that uses SVG format and a simple schematic library.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published