JavaScript SVGCircleElement : SVGElement

Defines a circle.

Spec

Instance Properties

cx : SVGAnimatedLength readonly

The x position of the center of the circle.

Example:

<svg xmlns='http://www.w3.org/2000/svg' version='1.1' >
  <circle id='foo' cx='30' cy='35' r='20' fill='black'/>
</svg>
<script>
  var foo = document.getElementById('foo');

  console.log(foo.cx.baseVal.value);

  foo.cx.baseVal.value = 50;
</script>

Run

Results:

cy : SVGAnimatedLength readonly

The y position of the center of the circle.

Example:

<svg xmlns='http://www.w3.org/2000/svg' version='1.1' >
  <circle id='foo' cx='30' cy='35' r='20' fill='black'/>
</svg>
<script>
  var foo = document.getElementById('foo');

  console.log(foo.cy.baseVal.value);

  foo.cy.baseVal.value = 50;
</script>

Run

Results:

r : SVGAnimatedLength readonly

The radius of the circle.

Example:

<svg xmlns='http://www.w3.org/2000/svg' version='1.1' >
  <circle id='foo' cx='30' cy='35' r='20' fill='black'/>
</svg>
<script>
  var foo = document.getElementById('foo');

  console.log(foo.r.baseVal.value);

  foo.r.baseVal.value = 50;
</script>

Run

Results:

home license contribute feedback