SVGLineElement

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

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

EventTarget Node Element SVGElement SVGGraphicsElement SVGGeometryElement SVGLineElement

Instance 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.

Instance methods

Inherits methods from its parent interface, SVGGeometryElement.

Specifications

Specification
Scalable Vector Graphics (SVG) 2
# InterfaceSVGLineElement

Browser compatibility

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
SVGLineElement
x1
x2
y1
y2

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

See also