SVGCircleElement: cx property
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Thecx read-only property of theSVGCircleElement interface reflects thecx attribute of a<circle> element and by that defines the x-coordinate of the circle's center.<
If unspecified, the effect is as if the value is set to0.
Value
AnSVGAnimatedLength representing the x-coordinate of the circle's center.
Examples
SVG
html
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="200" height="200"> <circle cx="50" cy="50" r="50" fill="gold" /></svg>JavaScript
js
const circle = document.getElementById("circle");console.log(circle.cx);Specifications
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGCircleElement__cx |