drawsvg iconDRAWSVG user's guide
PreviousNextContentsPDFdrawsvg home

7.4. Marker style properties

These properties are only applicable to forms with support points (line, polyline, polygon, path).

The ‘ marker ’ element defines the graphics that is to be used for drawing arrowheads or polymarkers on a given ‘path’, ‘line’, ‘polyline’ or ‘polygon’ element.

Each marker can be customized with the maker dialog panel launched from it's icon Image marker-cutomize.png .

See creating , using markers showcases for interactive demonstrations.

Table 7.4. Marker style properties

MenuPropertyDescription
Image marker-style-1.png

samples, end.

Image marker-style-2.png

mid, start

samples Offers the most useful markers.

end

Selects the marker to represent the end of the curve.

The gradient can be customized and selected with the marker definition tool Image marker-cutomize.png .

The marker can be selected from the drawn list or with the chooser tool Image svg143.svg .

Image marker-end-chooser.png

https://www.w3.org/TR/SVG/painting.html#MarkerEndProperty
mid

Selects the marker to represent each intermediate point of the curve.

The gradient can be customized and selected with the marker definition tool Image marker-cutomize.png .

The marker can be selected from the drawn list or with the chooser tool Image svg143.svg .

Image marker-mid-chooser.png

https://www.w3.org/TR/SVG/painting.html#MarkerMidProperty

start

Selects the marker to represent the origin of the curve.

The gradient can be customized and selected with the marker definition tool Image marker-cutomize.png .

The marker can be selected from the drawn list or with the chooser tool Image svg143.svg .

Image marker-start-chooser.png

https://www.w3.org/TR/SVG/painting.html#MarkerStartProperty