SVGCircleElement: thuộc tính cx

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.

Thuộc tính chỉ đọc cx của giao diện SVGCircleElement phản ánh thuộc tính cx của phần tử <circle> và qua đó xác định tọa độ x của tâm hình tròn.

Nếu không được chỉ định, hiệu ứng sẽ như thể giá trị được đặt thành 0.

Giá trị

Một SVGAnimatedLength đại diện cho tọa độ x của tâm hình tròn.

Ví dụ

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);

Thông số kỹ thuật

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGCircleElement__cx

Tương thích trình duyệt

Xem thêm