SVGCircle

Parameters

ParametersDetails
cxx-coordinate of center of circle.
cyy-coordinate of center of circle.
rRadius of circle.
strokeColour of circle border.
fillColour inside circle border.

Remarks

Detailed information on the SVG 'circle' element can be found in the W3C Recommendation for SVG.

Draw a black circle without fill

  • The cx and cy values designate the location of the center of the circle.
  • The r attribute specifies the size of the radius of the circle.
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <circle cx="40" cy="40" r="30" stroke="black" fill="none" />
</svg>

Result:

enter image description here