SVG CircleElement.cy Property
The SVG CircleElement.cy property returns an SVGAnimatedLength object corresponding to the attribute of the given line element.
Syntax:
CircleElement.cy
Return value: This property returns SVGAnimatedLength object that can be used get the cy of the circle element
Example 1:
HTML
<!DOCTYPE html> < html > < body > viewBox = "0 0 250 250" width = "250" height = "250" > < circle cx = "150" cy = "100" r = "50" fill = "green" id = "gfg" onclick = "clickCircle();" /> < script > var g = document.getElementById("gfg"); console.log(g.cy) </ script > </ svg > </ body > </ html > |
Output:
Example 2:
HTML
<!DOCTYPE html> < html > < body > viewBox = "0 0 250 250" width = "250" height = "250" > < circle cx = "150" cy = "160" r = "50" fill = "green" id = "gfg" onclick = "clickCircle();" /> < script > var g = document.getElementById("gfg"); console.log(g.cx) </ script > </ svg > </ body > </ html > |
Output: