drawsvg iconDRAWSVG user's guide
PreviousNextContentsPDFdrawsvg home

8.2. Gradient dialog panel

The gradient dialog panel is launched from it's icon Image gradient-cutomize.png in the menu and is displayed in grab mode.

Gradients consist of continuously smooth color transitions along a vector from one color to another, possibly followed by additional transitions along the same vector to other colors.

There are two types of gradients : linear and radial .

See creating , using gradients showcases for interactive demonstrations.

Figure 8.1. Gradient dialog panel

Gradient dialog panel

The panel allows to edit a gradient definition, add a new one radial or linear, copy an existing, or extends another to customize it.

Select a gradient in the list, then change properties :

The sample box show the gradient with the current scale of the drawing.

All changes are applied with the apply button and the current gradient is applied to the style property (stroke or fill) of the selected object.

To directly apply a gradient, use the selection tool Image svg143.svg .

Figure 8.2. Gradient chooser

Gradient chooser

The selected gradient is drawn with the current scale of the drawing.