SVG:circle

From MDC

« SVG Reference home    [ Examples | Attributes | Properties | Methods | Related ]

The circle element is an SVG basic shape, used to create circles based on a center point and a radius.

[edit] Example

<?xml version="1.0" standalone="no"?>
<svg width="120" height="120" version="1.1"
     xmlns="http://www.w3.org/2000/svg">
  <circle cx="60" cy="60" r="60" fill="red" stroke="black"/>
</svg>

[edit] Attributes

SVG Presentation : Fill-Stroke Attributes fill, fill-opacity, fill-rule, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width,

SVG Presentation : Graphics Attributes clip-path, clip-rule, cursor, display, filter, image-rendering, mask, opacity, pointer-events, shape-rendering, text-rendering, visibility

SVG Element Event Attributes onactivate, onclick, onfocusin, onfocusout, onload, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, stroke-width,

SVG Language Space Attributes xml:space

SVG Standard Attributes xml:base

cx cy r class externalResourcesRequired style transform

[edit] Properties

[edit] Methods

[edit] Related

Elements

ellipse

Interfaces

External Examples

W3Schools example