Firefox Tomorrow

web api instance property

SVGCircleElement: cx property

View on MDN ↗

The cx read-only property of the SVGCircleElement interface reflects the cx 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 to 0.

Value

An SVGAnimatedLength representing the x-coordinate of the circle’s center.

Examples

SVG

<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

const circle = document.getElementById("circle");
console.log(circle.cx);
Interactive exampleOpen the canonical MDN source to run this embedded demo.

Specifications

SpecificationsStandards references are available on the canonical MDN page.

Browser compatibility

Browser compatibilityCompatibility data is available on the canonical MDN page.

See also