Menu Home

circle

osbo.com | SVG | Elements | circle

The circle SVG element specifies a circle based on a center point and a radius.

Syntax

Attributes

cx

Specifies the x-coordinate of the center of the element.

Value
<length-percentage>
Default
0

cy

Specifies the y-coordinate of the center of the element.

Value
<length-percentage>
Default
0

pathLength

Specifies the total length of the path in user units.

Value
<number>
Default
(none)

r

Specifies the radius of the element.

Value
<length-percentage>
Default
0

Examples

cx

<length-percentage>

cy

<length-percentage>

pathLength

<number>

r

<length-percentage>

Internal

ellipse

line

polygon

polyline

rect

External

World Wide Web Consortium (W3C)