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

BCD tables only load in the browser

See also