0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<p>The circle is drawn using the circle tag. Code example:</p>
1
<p>The circle is drawn using the circle tag. Code example:</p>
2
<circle r="50"/><p>The r attribute determines the radius of the circle.</p>
2
<circle r="50"/><p>The r attribute determines the radius of the circle.</p>
3
<p>Unlike the previous shapes we covered, the position of the circle in space is determined by the coordinates of the center of the shape: the cx attribute is used to set the position along the horizontal axis, and cy is used to set the position along the vertical axis.</p>
3
<p>Unlike the previous shapes we covered, the position of the circle in space is determined by the coordinates of the center of the shape: the cx attribute is used to set the position along the horizontal axis, and cy is used to set the position along the vertical axis.</p>
4
<p>By default, the circle’s center coordinates are 0.0, so it is located in the upper left corner. Move the shape:</p>
4
<p>By default, the circle’s center coordinates are 0.0, so it is located in the upper left corner. Move the shape:</p>
5
<circle r="50" cx="100" cy="50%"/><p>Values can be specified either using pixels or percentages. Percentages are calculated relative to the dimensions of the SVG element.</p>
5
<circle r="50" cx="100" cy="50%"/><p>Values can be specified either using pixels or percentages. Percentages are calculated relative to the dimensions of the SVG element.</p>
6
<p>The radius and coordinates can only be specified using attributes, and you cannot do this using CSS.</p>
6
<p>The radius and coordinates can only be specified using attributes, and you cannot do this using CSS.</p>