The SVG EllipseElement.rx property Returns an SVGAnimatedLength object corresponding to the attribute of the given ellipse element
Syntax:
EllipseElement.rx
Return value: This property returns SVGAnimatedLength object that can be used get the rx of the Ellipse element
Example 1:
<!DOCTYPE html> < html >
< body >
< ellipse cx = "100" cy = "100" rx = "60" ry = "60" id = "ellipse"
onclick = "outputSize();" />
< script >
var g = document.getElementById("ellipse");
console.log(g.rx)
</ script >
</ svg >
</ body >
</ html >
|
Output:
Example 2:
<!DOCTYPE html> < html >
< body >
< ellipse cx = "100" cy = "100" rx = "100" ry = "60" id = "ellipse"
onclick = "outputSize();" />
< script >
var g = document.getElementById("ellipse");
console.log(g.rx)
</ script >
</ svg >
</ body >
</ html >
|
Output: