▸
getParentSize()
Sets the canvas size to div size
getParentSize()
1.0.1The entry, which handles all other components. Root component, renders in body
The very top bar, which contains title, and minimize-maximize-close buttons
Closes the submenu popup, if clicked outside
(MouseEvent)
necessary to detect the click target
Minimizes window
Maximizes window
Closes window
Open Help
Left panel, which includes button to switch the tool type(move, text, rectangle, etc)
Hide Color Picker if clicked outside of it
(MouseEvent)
necessary to get the clicked target
This method simply open's color picker
Draws in mousemove process
Moves shapes when moveTool is selected in LeftBar
Obtains coordinates of mouse over canvas and type of interaction of mouse Hold ctrl to draw straight line Hold shift and click points to connect points with straight line
Allows to drop the image from the folder
(MouseEvent)
necessary to disable the default drop behaviour
Draws selection box with pixel sizes on the sides
(number)
the distance between ants
The main area, which shows layers, selection box, text boxes, etc
Sets the canvas size to div size
defines the common figures propertis. Offset, height, width.
Enables the selection box (marching ants) to be shown
Checks if shape contains mouse position
This module allows to display text box inside MainArea block
Shows the text box and sets it based on the mouse coordinates
(MouseEvent)
necessary to detect, what is the clicked target
Changes the handlers position as user types
Block, which shows after click in menu. Modal window, in short
Calls node.js backend api to save JSON-converted state of program
Open previously saved file
Display settings page
Allows adding, deletion, reordering of layers. Changing layer visibility
Core module, which handles layer manipulation logic in the right panel
Hides the text rename box, if clicked outside. If clicked on the layer single time, changes the active layer to the clicked one
(MouseEvent)
neccessary to check, what is the clicked target
Opens the rename text box
The panel on the right side, including layers, opacity and buttons
Left pane, which shows the buttons to select the necessary settings entry
This is the greeting screen on the right in settings window
Settings popup, which allows to control the current language/theme
Wrapper to display the settings entries
Settings section, where you can select preferrable theming