# circle element

Type: | Images and Specials
Attributes: | radius • x • y • align • background-color • background-image-dpi • background-image-position • background-image • background-pdf • border-color • border-style • border-width • border • clear • corner-radius • display • float • font-size • height • href • left • line-cap • line-height • line-join • margin • onmouseover • overflow • padding • page-break-after • page-break-inside • position • rotate • size • top • vertical-align • visibility • white-space • width • class • colorspace • direction • id • lang
See: | a ellipse pdf shape

The circle element draws a circle into the pdf, and is a subclass of ellipse (which in turn is just another block element).
A circle should have it's x and y attributes set to the center of the circle, and must have it's radius attribute specified.
Like any other block element, it will be drawn and colored using it's border-color and background-color / background-image / background-pdf as appropriate.

This would draw a circle centered in the middle of the DIV

    <div width="200" height="200">
      <circle x="50%" y="50%" radius="40%" border="1"/>
    </div>