osbo.com | SVG | Attributes | x1

The x1 SVG attribute specifies the x-coordinate of the start of the element.

<length-percentage> | <number>

0

<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"> <style> line { stroke-width: 10; } line:nth-of-type(1) { stroke: black; } line:nth-of-type(2) { stroke: red; } </style> <line x1="100%"/> <line x1="100"/> </svg>

<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"> <style> line { stroke: black; stroke-width: 10; } </style> <line x1="1e2"/> </svg>

pathLength

x2

y1

y2

World Wide Web Consortium (W3C)

The x1 SVG attribute specifies the x-coordinate of the start of the element.

<length>

0%

<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="myid" x1="50%"> <stop/> <stop offset="50%" stop-color="red"/> <stop offset="100%" stop-color="blue"/> </linearGradient> </defs> <circle cx="50%" cy="50%" fill="url(#myid)" r="50vh"/> </svg>

gradientTransform

gradientUnits

href

spreadMethod

x2

y1

y2

World Wide Web Consortium (W3C)