The SVGLineElement interface provides access to the properties of <line> elements, as well as methods to manipulate them.
This interface also inherits properties from its parent, SVGGeometryElement.
SVGLineElement.x1 Read only
SVGAnimatedLength that corresponds to attribute x1 on the given <line> element.SVGLineElement.y1 Read only
SVGAnimatedLength that corresponds to attribute y1 on the given <line> element.SVGLineElement.x2 Read only
SVGAnimatedLength that corresponds to attribute x2 on the given <line> element.SVGLineElement.y2 Read only
SVGAnimatedLength that corresponds to attribute y2 on the given <line> element.This interface doesn't implement any specific methods, but inherits methods from its parent interface, SVGGeometryElement.
| Specification | Status | Comment |
|---|---|---|
| Scalable Vector Graphics (SVG) 2 The definition of 'SVGLineElement' in that specification. | Candidate Recommendation | Changed the inheritance from SVGElement to SVGGeometryElement and removed the implemented interfaces SVGTests, SVGLangSpace, SVGExternalResourcesRequired, SVGStylable, and SVGTransformable. |
| Scalable Vector Graphics (SVG) 1.1 (Second Edition) The definition of 'SVGLineElement' in that specification. | Recommendation | Initial definition |
| Desktop | ||||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | |
| Basic support | Yes | Yes | Yes | 9 | Yes | Yes |
x1 |
Yes | ? | ? | ? | Yes | ? |
y1 |
Yes | ? | ? | ? | Yes | ? |
x2 |
Yes | ? | ? | ? | Yes | ? |
y2 |
Yes | ? | ? | ? | Yes | ? |
| Mobile | |||||||
|---|---|---|---|---|---|---|---|
| Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
| Basic support | Yes | Yes | Yes | Yes | Yes | Yes | ? |
x1 |
Yes | Yes | ? | ? | Yes | ? | ? |
y1 |
Yes | Yes | ? | ? | Yes | ? | ? |
x2 |
Yes | Yes | ? | ? | Yes | ? | ? |
y2 |
Yes | Yes | ? | ? | Yes | ? | ? |
<line> SVG Element
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SVGLineElement