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