SVGLineElement

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

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

See also

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