SVGLineElement

The SVGLineElement interface provides access to the properties of <line> elements, as well as methods to manipulate them.

Properties

This interface also inherits properties from its parent, SVGGeometryElement.

SVGLineElement.x1 Read only

Returns an SVGAnimatedLength that corresponds to attribute x1 on the given <line> element.

SVGLineElement.y1 Read only

Returns an SVGAnimatedLength that corresponds to attribute y1 on the given <line> element.

SVGLineElement.x2 Read only

Returns an SVGAnimatedLength that corresponds to attribute x2 on the given <line> element.

SVGLineElement.y2 Read only

Returns an SVGAnimatedLength that corresponds to attribute y2 on the given <line> element.

Methods

This interface doesn't implement any specific methods, but inherits methods from its parent interface, SVGGeometryElement.

Specifications

Specification
Scalable Vector Graphics (SVG) 1.1 (Second Edition) (SVG)
# InterfaceSVGLineElement

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
SVGLineElement
1
12
1.5
9
≤12.1
3
≤37
18
4
≤12.1
1
1.0
x1
1
12
1.5
9
≤12.1
3
≤37
18
4
≤12.1
1
1.0
x2
1
12
1.5
9
≤12.1
3
≤37
18
4
≤12.1
1
1.0
y1
1
12
1.5
9
≤12.1
3
≤37
18
4
≤12.1
1
1.0
y2
1
12
1.5
9
≤12.1
3
≤37
18
4
≤12.1
1
1.0

See also

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SVGLineElement