draw and create graphics online
Web Application for Creating Vector Graphics in SVG
open janvas...

Graphic properties panel

The graphic properties panel "Fill" and "Line" shows the current style applied to lines and filling. When an element is selected, its fill and line properties panel shows its current properties. 

The current line and fill are displayed in the middle of the top panel.
By clicking on line or fill, the panel shows the fields to modify their parameters.

4 types of coloring are available both for line and filling:
"color", "gradient" or "pattern", "none".
These types of coloring can be assigned by clicking on the relative round buttons in the panel.

To the left of the fill and line representation, there is a button for swapping the line and fill properties.

To the right of the filling and line representation, there is a button for showing the "library panel" associated with the type of coloring. A library is available for each property: color, gradient, pattern.

Properties: Color

By clicking on fill or line, when the type of coloring is "Color", color and transparency can be changed from the "Color Picker" panel. 

Colors Library

To the right of the fill and line representation, there is a button for showing the color library.

Properties: Gradient

By clicking on fill or line, when the type of coloring is "Gradient", the gradient properties can be changed from the "Edit gradient" panel.

Gradients Library

To the right of the fill and line representation, there is a button for showing the gradients library.

Properties: Pattern

By clicking on fill or line, when the type of coloring is "Pattern", the pattern properties can be changed from the "Edit Pattern" panel.

Patterns library

To the right of the fill and line representation, there is a button for showing the patterns library.

Useful information

Janvas user interface panels can be moved from their initial position to be placed more conveniently for the work at hand.