osbo.com | SVG | Values | min-x

The min-x SVG value specifies the minimum x-coordinate as the first number of the viewBox attribute.

<min-x>

<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"> <defs> <marker id="myid" markerHeight="20" markerWidth="10" viewBox="0 -10 10 20"> <polygon fill="red" points="0,0 -10,0 0,-10"/> <polygon fill="green" points="0,0 -10,0 0,10"/> <polygon fill="blue" points="0,0 10,0 0,-10"/> <polygon fill="yellow" points="0,0 10,0 0,10"/> </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>

height

min-y

width

World Wide Web Consortium (W3C)

The min-x SVG value specifies the minimum x-coordinate as the first number of the viewBox attribute.

<min-x>

<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"> <defs> <pattern height="20%" id="myid" viewBox="0 -10 10 20" width="10%"> <path d="M0,0 L-10,0 L0,-10" fill="red"/> <path d="M0,0 L-10,0 L0,10" fill="green"/> <path d="M0,0 L10,0 L0,-10" fill="blue"/> <path d="M0,0 L10,0 L0,10" fill="yellow"/> </pattern> </defs> <circle cx="50%" cy="50%" fill="url(#myid)" r="50vh"/> </svg>

height

min-y

width

World Wide Web Consortium (W3C)

The min-x SVG value specifies the minimum x-coordinate as the first number of the viewBox attribute.

<min-x>

<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 100 100"> <circle cx="50" cy="50" r="50"/> </svg> <svg fill="red" viewBox="-50 0 100 100"> <circle cx="50" cy="50" r="50"/> </svg> <svg fill="blue" viewBox="50 0 100 100"> <circle cx="50" cy="50" r="50"/> </svg> </svg>

height

min-y

width

World Wide Web Consortium (W3C)

The min-x SVG value specifies the minimum x-coordinate as the first number of the viewBox attribute.

<min-x>

<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"> <symbol id="myid1" viewBox="0 0 100 100"> <circle cx="50" cy="50" r="50"/> </symbol> <symbol id="myid2" viewBox="-50 0 100 100"> <circle cx="50" cy="50" r="50"/> </symbol> <symbol id="myid3" viewBox="50 0 100 100"> <circle cx="50" cy="50" r="50"/> </symbol> <use href="#myid1"/> <use fill="red" href="#myid2"/> <use fill="blue" href="#myid3"/> </svg>

height

min-y

width

World Wide Web Consortium (W3C)

The min-x SVG value specifies the minimum x-coordinate as the first number of the viewBox attribute.

<min-x>

<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"> <view viewBox="0 0 100 100"> <circle cx="50" cy="50" r="50"/> </view> <view fill="red" viewBox="-50 0 100 100"> <circle cx="50" cy="50" r="50"/> </view> <view fill="blue" viewBox="50 0 100 100"> <circle cx="50" cy="50" r="50"/> </view> </svg>

height

min-y

width

World Wide Web Consortium (W3C)