Pixel.js Tools

Toolbox

The Toolbox offers essential tools that aim to reduce the amount of time it takes to create ground-truth data.
The following is a list of available tools:

• Brush
• Rectangle
• Erase
• Grab
• Magic Wand
• Smart Selection
• Lasso

Brush

The brush tool is a circle brush that allows you to freely draw on a layer. The brush slider allows you to modify the brush size. The mouse paints on click (mouse down) and stops painting on release. The implementation of the brush tool stores each stroke as a path, linking points within a path together. An action is determined by dragging between a mouse button down and mouse button up. Every separate action is stored separately as an individual path. The paths are stored in cache and thus can all be undone and redone, as desired.

Can be selected by the keyboard key B.

Rectangle

When pressing down on the shift key, the rectangle option draws squares onto layers. Without shift, it allows you to draw rectangles in whichever size you desire within the Diva viewport. When dragging with mouse button down, a preview rectangle will be visible and will only paint and append itself to the layer when the mouse button is released.

Can be selected by the the keyboard key R.

Erase

The erase tool draws a path and is implemented in a similar way to the brush tool, except clears out the path instead of filling it. On mouse down, the path taken by the mouse will be subtracted from the drawn elements on the selected layer.

Can be selected by the keyboard key E.

Grab

The grab tool allows the user to drag the elements in the viewport to scroll them in any direction. Hold down the left mouse button to move the layers in the desired direction.

Can be selected by the keyboard key G.

Magic Wand

To be implemented.

Smart Selection

To be implemented.

Lasso

To be implemented.