How to draw a circle with given X and Y coordinates as the middle spot of the circle?

Question

I have developed a telecommunication application for locating signal strengths from the towers. I have used java swing and I'm having a problem when drawing the circle around the given point of the mobile signal transmitter tower location. I have already calculated the X, Y coordinates and also the radius value.

Please find the below code which I've used to draw the circle and it is having issues.

JPanel panelBgImg = new JPanel() {
    public void paintComponent(Graphics g) {
        g.drawOval(X, Y, r, r);
    }
}

The issue is, it creates the circle but it didn't take the X and Y coordinates as the center point. It took the X and Y coordinates as the top left point of the circle.

Could anyone please help me to draw the circle by having the given X and Y coordinates as the center point of the circle.

arynaq · Accepted Answer · 2013-10-15T17:50:30.033

47

The fillOval fits an oval inside a rectangle, with width=r, height = r you get a circle. If you want fillOval(x,y,r,r) to draw a circle with the center at (x,y) you will have to displace the rectangle by half its width and half its height.

public void drawCenteredCircle(Graphics2D g, int x, int y, int r) {
  x = x-(r/2);
  y = y-(r/2);
  g.fillOval(x,y,r,r);
}

This will draw a circle with center at x,y

edited Oct 15 '13 at 17:50

answered Oct 15 '13 at 17:18

arynaq

6,710
9
44
74

8

+1 for noticing the OP was using `r` (radius) as a pseudo `d` (diameter). The parameters are labelled `w` and `h` in the docs. – Andrew Thompson Oct 15 '13 at 17:24
This answer is wrong. It does paint an oval at (x,y) as center, but the radius is wrong. Please use Justin's answer! – UNIQUEorn Dec 22 '22 at 09:30

score 14 · Answer 2 · answered Mar 02 '15 at 10:02

So we are all doing the same home work?

Strange how the most up-voted answer is wrong. Remember, draw/fillOval take height and width as parameters, not the radius. So to correctly draw and center a circle with user-provided x, y, and radius values you would do something like this:

public static void drawCircle(Graphics g, int x, int y, int radius) {

  int diameter = radius * 2;

  //shift x and y by the radius of the circle in order to correctly center it
  g.fillOval(x - radius, y - radius, diameter, diameter); 

}

' *Strange how the most up-voted answer is wrong* '. It is not wrong, he is just using the letter *r* as diameter which is the height and width. That's how the OP is naming his variable. — AirlineDog, Jan 13 '21 at 20:11

score 6 · Answer 3 · answered Oct 15 '13 at 17:10

6

Replace your draw line with

g.drawOval(X - r, Y - r, r, r)

This should make the top-left of your circle the right place to make the center be (X,Y), at least as long as the point (X - r,Y - r) has both components in range.

answered Oct 15 '13 at 17:10

qaphla

4,707
3
20
31

1

I'm pretty sure it works even if the top-left corner is out of range – Cruncher Oct 15 '13 at 17:19
I've never tried drawing things offscreen, so I'll take your word for that. Certainly, however, it does work if the corner is in range. – qaphla Oct 15 '13 at 17:23
I agree with @Cruncher – An SO User Oct 15 '13 at 18:57

score 3 · Answer 4 · edited Mar 30 '17 at 23:22

3

drawCircle(int X, int Y, int Radius, ColorFill, Graphics gObj)

edited Mar 30 '17 at 23:22

xlm

6,854
14
53
55

answered Jan 30 '17 at 23:47

Andres Mitchell

31
1

5

Welcome to Stack Overflow! I recommend you [take the tour](http://stackoverflow.com/tour). When giving an answer it is preferable to give [some explanation as to WHY your answer](http://stackoverflow.com/help/how-to-answer) is the one. – Stephen Rauch Jan 31 '17 at 00:09

Udeesha Induwara · Answer 5 · 2018-03-22T15:07:39.930

2

JPanel pnlCircle = new JPanel() {
        public void paintComponent(Graphics g) {
            int X=100;
            int Y=100;
            int d=200;
            g.drawOval(X, Y, d, d);
        }
};

you can change X,Y coordinates and radius what you want.

edited Mar 22 '18 at 15:07

answered Mar 18 '18 at 07:29

Udeesha Induwara

605
1
10
20

score 1 · Answer 6 · answered Nov 18 '14 at 12:27

1

both answers are is incorrect. it should read:

x-=r;
y-=r;


drawOval(x,y,r*2,r*2);

answered Nov 18 '14 at 12:27

johnny

258
2
12

score 1 · Answer 7 · answered Nov 06 '17 at 20:30

import java.awt.Color;
import java.awt.Graphics2D;
import java.awt.Graphics;
import javax.swing.JFrame;

public class Graphiic
{   
    public Graphics GClass;
    public Graphics2D G2D;
    public  void Draw_Circle(JFrame jf,int radius , int  xLocation, int yLocation)
    {
        GClass = jf.getGraphics();
        GClass.setPaintMode();
        GClass.setColor(Color.MAGENTA);
        GClass.fillArc(xLocation, yLocation, radius, radius, 0, 360);
        GClass.drawLine(100, 100, 200, 200);    
    }

}

score 1 · Answer 8 · answered Dec 28 '18 at 10:48

1

This draws an arc with the center in the specified rectangle. You can draw, half-circles, quarter-circles, etc.

g.drawArc(x - r, y - r, r * 2, r * 2, 0, 360)

answered Dec 28 '18 at 10:48

anydoby

408
4
9

score 0 · Answer 9 · answered Dec 10 '14 at 12:08

0

The only thing that worked for me:

g.drawOval((getWidth()-200)/2,(getHeight()-200)/2, 200, 200);

answered Dec 10 '14 at 12:08

Kordian

1

How to draw a circle with given X and Y coordinates as the middle spot of the circle?

9 Answers9