Jesus · Bible · HTML · CSS · JS · PHP · SVG · Applications

marker

Description

The marker element for SVG specifies the graphics that are to be used for drawing markers on a shape.

Syntax

Attributes

markerHeight

Specifies the height of the SVG viewport into which the marker is to be fitted according to the viewBox and preserveAspectRatio attributes.

Value
<length-percentage> | <number>
Default
3

markerUnits

Specifies the coordinate system for attributes markerWidth, markerHeight, and the contents of the marker element.

Value
strokeWidth | userSpaceOnUse
Default
strokeWidth

markerWidth

Specifies the width of the SVG viewport into which the marker is to be fitted according to the viewBox and preserveAspectRatio attributes.

Value
<length-percentage> | <number>
Default
3

orient

Specifies how the marker is rotated when it is placed at its position on the shape.

Value
auto | auto-start-reverse | <angle> | <number>
Default
0

preserveAspectRatio

Specifies whether or not to force uniform scaling.

Value
<align> <meetOrSlice>?
Default
xMidYMid meet

refX

Specifies the x-coordinate of the reference point.

Value
<length-percentage> | <number> | left | center | right
Default
0

refY

Specifies the y-coordinate of the reference point.

Value
<length-percentage> | <number> | top | center | bottom
Default
0

viewBox

Specifies a rectangle in user space.

A list of four numbers: min-x, min-y, width, and height that should be mapped to the bounds of the SVG viewport established by the given element, taking into account the preserveAspectRatio attribute. The presence of the viewBox attribute results in a transformation being applied to the viewport coordinate system.

Value
[ <min-x>,? <min-y>,? <width>,? <height> ]
Default
(none)

Examples

markerHeight

<length-percentage>

<number>

markerUnits

strokeWidth

userSpaceOnUse

markerWidth

<length-percentage>

<number>

orient

<angle>

auto

auto-start-reverse

<number>

preserveAspectRatio

<align>

<meetOrSlice>

refX

center

left

<length-percentage>

<number>

right

refY

bottom

center

<length-percentage>

<number>

top

viewBox

<height>

<min-x>

<min-y>

<width>

World Wide Web Consortium (W3C)

HomeMenu