drawsvg iconDRAWSVG user's guide

2.11. Using markers

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

A linear form can have three different markers :

DrawSVG has a default palette of markers.

See creating , using markers showcases for interactive demonstrations.

To use markers :

To apply a marker, select the shape and choose the marker from the marker style menu and the property (end,mid, start).

To choose the marker, two other tools can be used :

The marker definition tool

Or the marker chooser tool

To edit the marker definition of a shape, select the shape and use the marker definition tool from the marker style menu and the property (end, mid, start).

The tool allows to edit/copy/delete a marker definition,

When opened, the panel is showing the marker of the selected shape. You can change it's properties and apply then, or select another marker and apply it to the shape.

You can change each properties :

To customize the marker of the selected shape, make a copy, modify properties and apply. You can change for example dimensions and colors.

To define a new marker, draw elements of it's graphic, select them and use the marker definition tool from the selection menu.

The marker is defined with the selection :

  • The elements of the pattern are defined by a copy of the selection.

  • The viewbox is set with the bounding box of the selection

  • The units of the marker is set as strokeWidth and it's size equals to viewbox size