SVGCircleElement：cx 属性
cx 是 SVGCircleElement 接口的只读属性，它反映了 <circle> 元素的 cx 属性，并由此定义了圆心在 x 轴上的坐标。<
如果未指定，则效果等同于将值设置为 0。
值
一个 SVGAnimatedLength，表示圆心在 x 轴上的坐标。
示例
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" id="circle" />
</svg>
JavaScript
js
const circle = document.getElementById("circle");
console.log(circle.cx);
规范
| 规范 |
|---|
| 可缩放矢量图形 (SVG) 2 # __svg__SVGCircleElement__cx |
浏览器兼容性
BCD 表格仅在启用了 JavaScript 的浏览器中加载。