SVG EllipseElement.cx Property Last Updated : 30 Mar, 2022 Improve Improve Like Article Like Save Share Report The SVG EllipseElement.cx property returns an SVGAnimatedLength object corresponding to the attribute of the given ellipse element Syntax: EllipseElement.cx Return value: This property returns SVGAnimatedLength object that can be used get the cx of the Ellipse element Example 1: HTML <!DOCTYPE html> <html> <body> <svg width="200" height="200" xmlns="http://www.w3.org/2000/svg"> <ellipse cx="100" cy="100" rx="100" ry="60" id="ellipse" onclick="outputSize();" /> <script> var g = document.getElementById("ellipse"); console.log(g.cx) </script> </svg> </body> </html> Output: Example 2: HTML <!DOCTYPE html> <html> <body> <svg width="300" height="200" xmlns="http://www.w3.org/2000/svg"> <ellipse cx="150" cy="100" rx="100" ry="60" id="ellipse" onclick="outputSize();" /> <script> var g = document.getElementById("ellipse"); console.log(g.cx) </script> </svg> </body> </html> Output: Like Article Suggest improvement Previous SVG EllipseElement.cy Property Next SVG RectElement.y Property Share your thoughts in the comments Add Your Comment Please Login to comment...