Ovals and Circles

Polygons UserGuide Text

In the previous sections, you saw how to draw lines and polygons. But EzGraphics also supports the drawing of ovals and arcs.


An oval is defined by its bounding box. That is, you specify the size and position of a rectangle and the oval will be drawn inside and touching the edges of the bounding box.

To draw an oval, use the drawOval() canvas method

canvas.drawOval(x, y, width, height)

For example, the command

canvas.drawOval(10, 10, 200, 100)

draws an oval that is 200 pixels wide and 100 pixels high with the upper-left corner of the bounding box at position (10, 10).

As with other geometric shapes, the color and style of the oval depends on the current drawing properties set for the canvas. Here, the fill color was green and the outline color was black.

To draw a circle, simply set the width and height of the bounding box to the same values

canvas.drawOval(60, 10, 100, 100)

The result of this command is shown below

Arcs and Pie Slices

You can also draw an arc or slice of a circle like those used in pie charts

An arc is first defined by the position and size of the circle from which the slice is made, similar to that of an oval.

In addition, you must specify the point about the circumference of the circle in a counter-clockwise direction at which the slice begins and the size of the slice. Both values are specified as angles in degrees.

The starting angle is the angle about the center of the circle as measured from the positive x-axis to the beginning of the slice. The extent is the angle as measured from the starting angle to the end of the slice. For example, suppose you want to specify the slice shown below

which has a size of one-eight of the circle and positioned such that it ends at the negative x-axis. Then the starting angle would be 135° and the extent would be 45°.

To draw an arc, use the drawArc() canvas method

canvas.drawArc(x, y, diameter, startAngle, extent)

For example, the command

canvas.drawArc(10, 10, 100, 0, 180)

draws the top half of a circle that has a 100 pixel diameter and is positioned with the upper-left corner of its bounding box at (10, 10).

while the command

canvas.drawArc(10, 10, 100, 135, 45)

draws the pie slice that is one-eight of the circle described earlier. For a more complete example, consider the following code segment that draws the pie chart shown at the beginning of the section

XPOS = 25
YPOS = 40
SIZE = 150
canvas.drawArc(XPOS, YPOS, SIZE, 0, 35)
canvas.drawArc(XPOS, YPOS, SIZE, 35, 65)
canvas.drawArc(XPOS, YPOS, SIZE, 100, 150)
canvas.drawArc(XPOS, YPOS, SIZE, 250, 75)
canvas.drawArc(XPOS, YPOS, SIZE, 325, 35)

Sample Program

The following program creates a target with a bulls eye using concentric circles of alternating colors.


Polygons UserGuide Text

Last modified: August 22, 2013, at 09:02 AM.