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> |
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> |
Output:
Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML course.
