SVG EllipseElement.cx Property
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" < 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 > |
chevron_right
filter_none
Output:
Example 2:
HTML
<!DOCTYPE html> < html > < body > < svg width = "300" height = "200" < 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 > |
chevron_right
filter_none
Output: