osbo.com | SVG | Values | center

The center SVG value specifies alignment to the center.

center

<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"> <defs> <marker id="myid" markerHeight="20" markerWidth="20" refX="center" viewBox="0 0 20 20"> <polygon fill="red" points="0,0 20,10 0,20"/> </marker> </defs> <polyline fill="none" marker-end="url(#myid)" marker-mid="url(#myid)" marker-start="url(#myid)" points="100,100 200,200 300,100 400,200 500,100" stroke="black"/> </svg>

left

length-percentage

number

right

World Wide Web Consortium (W3C)

The center SVG value specifies alignment to the center.

center

<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"> <defs> <marker id="myid" markerHeight="20" markerWidth="20" refY="center" viewBox="0 0 20 20"> <polygon fill="red" points="0,0 20,10 0,20"/> </marker> </defs> <polyline fill="none" marker-end="url(#myid)" marker-mid="url(#myid)" marker-start="url(#myid)" points="100,100 200,200 300,100 400,200 500,100" stroke="black"/> </svg>

bottom

length-percentage

number

top

World Wide Web Consortium (W3C)

The center SVG value specifies alignment to the center.

center

<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"> <symbol id="myid" refX="center"> <circle cx="50" cy="50" r="50"/> </symbol> <use href="#myid"/> <use fill="red" href="#myid" y="100"/> <use fill="blue" href="#myid" y="200"/> </svg>

left

length

right

World Wide Web Consortium (W3C)

The center SVG value specifies alignment to the center.

center

<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"> <symbol id="myid" refY="center"> <circle cx="50" cy="50" r="50"/> </symbol> <use href="#myid"/> <use fill="red" href="#myid" x="100"/> <use fill="blue" href="#myid" x="200"/> </svg>

bottom

length

top

World Wide Web Consortium (W3C)