SVGCircleElement in SVG 1.1
Corresponds to the <circle ... /> element.
Inherits from:
For official information please see http://www.w3.org/TR/SVG11/shapes.html#CircleElement.
Instance Properties
| name | type | description |
|---|---|---|
| cx | SVGAnimatedLength | (read only) |
| cy | SVGAnimatedLength | (read only) |
| r | SVGAnimatedLength | (read only) Radius of the circle. |
Instance Methods
| name | returns | description |
|---|---|---|
| addEventListener() | (none) | [from EventTarget] |
| removeEventListener() | (none) | [from EventTarget] |
| dispatchEvent() | Boolean | Dispatches an event to the invoking object. [from EventTarget] |
Description
The circle element defines a circle based on a center point and a radius. The properties specific to this object (
cx, cy, and r) are SVGAnimatedLength objects; you cannot read them or set them directly. For UAs that support these properties, the correct property to access the non-animated value would be via mySVGCircleElement.cx.baseVal.value.
For browsers which don't support these properties directly, you may still be able to access the current value using something like mySVGCircleElement.getAttribute('cx').