SVG Circle

<circle

S.No

Attribute 1 cx 2 cy 3r
style

tag

value

stroke: fill: stroke-opacity:

black; red 1.0;

#9f999; #00cc00

rgb(255, 128, 64);

rgb(60%, 20%, 60%);

five-pixel dash, nine-pixel stroke-dasharray: 9, 5; dash, five- 5, 3, 9, 2; pixel gap three-pixel gap, ninepixel dash, two-pixel gap

width stroke-width fill > </circle>

black 2 red

FXG Circle using Ellipse

<Ellipse

S.No

Attribute 1 height 2 width 5 <stroke>

<SolidColorStroke

tag

value

color weight

#000000 2

> </SolidColorStroke> </stroke> <fill> <RadialGradient> <GradientEntry color ratio alpha >

#0056FF

0
0.5

</RadialGradient> </fill> </Ellipse>

Ex1.

Ex2

Ex3

cx="40" cy="40" r="20" style="stroke: black;" style="fill:#00cc00;" style="stroke-opacity: 0.2;"

The x-axis coordinate of the center of the circle.If the attribute is not specified, The y-axis coordinate of the center of the circle.If the attribute is not specified, The radius of the circle.A negative value is an error,A value of zero disables rend
style="stroke: #9999ff;" stroke: rgb(255, 128, 64);

style="stroke-dasharray: 9, 5;"

style="stroke-dasharray: 5, 3, 9, 2;"

stroke="black" troke-width="2" fill="red"

<SolidColorStroke color="#000000" weight="2" />

Ex4

rcle.If the attribute is not specified, the effect is as if a value of "0" were specified rcle.If the attribute is not specified, the effect is as if a value of "0" were specified. n error,A value of zero disables rendering of the element.
style="stroke: rgb(60%, 20%, 60%);