SVG RectElement.x Property Last Updated : 30 Mar, 2022 Improve Improve Like Article Like Save Share Report The SVG RectElement.x property returns an SVGAnimatedLength corresponding to the attribute of the given rectangle element Syntax: RectElement.x Return Values: This property returns SVGAnimatedLength object that can be used get the x-axis of the rect element Example 1: HTML <!DOCTYPE html> <html> <body> <svg width="350" height="150" xmlns="http://www.w3.org/2000/svg"> <rect width="100" height='100' fill="green" id="gfg" x=20 y=20 /> <script> var g = document.getElementById("gfg"); console.log(g.x); </script> </svg> </body> </html> Output: Example 2: HTML <!DOCTYPE html> <html> <body> <svg width="350" height="150" xmlns="http://www.w3.org/2000/svg"> <rect width="100" height='100' fill="green" id="gfg" x=30 y=20 /> <script> var g = document.getElementById("gfg"); console.log(g.x) </script> </svg> </body> </html> Output: Like Article Suggest improvement Previous SVG RectElement.y Property Next SVG RectElement.ry Property Share your thoughts in the comments Add Your Comment Please Login to comment...