Export to GitHub

doctype-mirror - SVGCircleElement.wiki

You are here: Home > SVG Elements > circle element

Introduction

The circle element is used to draw a circle.

Details

Usage

<circle cx="100" cy="100" r="50" fill="green" />

Attributes

Common attributes:

  • cx - the x-coordinate of the center of the circle
  • cy - the y-coordinate of the center of the circle
  • r - the radius of the circle
  • fill - describes how the interior of the circle should be painted, see SVGFillProperties. The default value is "black".
  • stroke - describes how the outline of the circle should be painted, see SVGStrokeProperties. The default value is "none".

Reference