Table of Contents
This chapter describes the style properties supported by Draw SVG.
Style properties are classified into four categories (stroke, fill, text, markers) with a dedicated menu.
Each menu shows the rendering properties with an illustration.
These properties are applicable to all geometric shapes as well as text.
Table 6.1. Stroke style properties
|Stroke style menu||Property||Description|
transparent, color, scaling, width, dash, opacity
|transparent||Controls the appearance of lines, visible or transparent.
Sets the stroke property to none
|color||Line solid color. Sets the stroke property with a color
The color can be selected from the basic palette, entered in the text field, or set with the color chooser svg panel available from its icon .http://www.w3.org/TR/SVG/painting.html#StrokeProperty
|scaling||Controls the appearance of the line thickness.|
If this option is enabled, the drawing of line thicknesses is sensitive to changes in the view as defined in the SVG1.1.
Off, "vector-effect" SVG1.2 property is set to "non-scaling-stroke". Drawing the line thickness is constant regardless of the zoom level.http://www.w3.org/TR/SVGTiny12/painting.html#NonScalingStroke
Sets the line thickness with his unit.
|dash||Specifies the pattern of dashes.|
A list of lengths of alternating dashes and gaps. If an odd number of values is provided, then the list of values is repeated to yield an even number of values. Thus, 5,3,2 is equivalent to 5,3,2,5,3,2.http://www.w3.org/TR/SVG/painting.html#StrokeDasharrayProperty
|opacity||Line opacity between 0 (transparent) and 1 (solid).http://www.w3.org/TR/SVG/painting.html#StrokeOpacityProperty|
gradient, cap, join
Gradient applied to the fill line in place of the
solid color. Sets the stroke property with a gradient id
The gradient can be customized with the gradient definition tool .
The gradient can be selected from the drawn list or with the chooser tool .
|cap||Defines how the ends of an line is rendered.http://www.w3.org/TR/SVG/painting.html#StrokeLinecapProperty|
|join||Defines how the join between two lines in a shape is rendered.http://www.w3.org/TR/SVG/painting.html#StrokeLinejoinProperty|
Pattern applied to the fill line in place of the
solid color. Sets the stroke property with a pattern id
The pattern can be customized with the pattern definition tool .
The pattern can be selected from the drawn list or with the chooser tool .