The SVG LineElement.x1 property returns an SVGAnimatedLength object corresponding to the attribute of the given line element.
Syntax:
LineElement.x1
Return value: This property returns SVGAnimatedLength object that can be used to get the “x1” of the line element.
Example 1:
HTML
<!DOCTYPE html> < html >
< body >
< svg width = "350" height = "350" < line x1 = "10" x2 = "150" y1 = "10" y2 = "150" id = "gfg" stroke = "green" />
< script >
var g = document.getElementById("gfg");
console.log(g.x1);
</ script >
</ svg >
</ body >
</ html >
|
Output:
Example 2:
HTML
<!DOCTYPE html> < html >
< body >
< svg width = "350" height = "350" < line x1 = "100" x2 = "150" y1 = "10" y2 = "150" id = "gfg" stroke = "green" />
< script >
var g = document.getElementById("gfg");
console.log(g.x1)
</ script >
</ svg >
</ body >
</ html >
|
Output: