Javaアプレットによる2Dグラフィックサンプル 円の描画

Javaグラフィックサンプル(アプレット版):円の描画に関する図形描画サンプルです。輪郭線を太くしたり、破線にしたり。図形内のグラデーション、パターン描画等のサンプルを掲載しています。



円の描画

このページには、以下のサンプルを掲載しています。 下の項目をクリックをすると各サンプルにジャンプします。 ※2週間以内の新着記事はNewアイコン、更新記事はUpアイコンが表示されます。
  1. 円の描画 ( OvalSample01.java )  
  2. 円の描画(塗りつぶし) ( OvalSample02.java )  
  3. 円の描画(太い輪郭線) ( OvalSample03.java )  
  4. 円の描画(太い輪郭線&塗りつぶし) ( OvalSample04.java )  
  5. 円の描画(破線の輪郭線) ( OvalSample05.java )  
  6. 円の描画(破線の輪郭線&塗りつぶし) ( OvalSample06.java )  
  7. 円の描画(グラデーション) ( OvalSample07.java )  
  8. 円の描画(テクスチャーパターン) ( OvalSample08.java )  
  9. 円の描画(回転) ( OvalSample09.java )  

円、楕円の描画サンプルを紹介しています。円を描画するメソッドには 次のようなものがあります。
・Graphics#drawOval
・Graphics#fillOval
・Graphics#draw(El

1. 円の描画

[ サンプルプログラムのソースコード - OvalSample01.java - ]
  1. import javax.swing.JApplet;
  2. import java.awt.Color;
  3. import java.awt.Graphics;
  4. public class OvalSample01 extends JApplet {
  5.   public void paint(Graphics g){
  6.     g.setColor(Color.GREEN);
  7.     g.drawOval(10, 10, 100, 100);
  8.   }
  9. }
[ サンプルプログラムの実行結果 ]

[ 関連ページ ]
円の描画のSwing版サンプル
アプレット版サンプルの他の図形描画
四角形 / 角の丸い四角形 / 楕円 / 直線 / 連続直線 / 多角形 / ベジェ曲線を含む図形 / 円弧 / 楕円弧 / 弓形 / 扇形


2. 円の描画(塗りつぶし)

[ サンプルプログラムのソースコード - OvalSample02.java - ]
  1. import javax.swing.JApplet;
  2. import java.awt.Color;
  3. import java.awt.Graphics;
  4. public class OvalSample02 extends JApplet {
  5.   public void paint(Graphics g){
  6.   g.setColor(Color.BLUE);
  7.     g.fillOval(10, 10, 100, 100);
  8.   }
  9. }
[ サンプルプログラムの実行結果 ]



[ 関連ページ ]
円(塗りつぶし)のSwing版サンプル
アプレット版サンプルの他の図形描画
四角形(塗りつぶし) / 角の丸い四角形(塗りつぶし) / 楕円(塗りつぶし) / 多角形(塗りつぶし) / ベジェ曲線を含む図形(塗りつぶし) / 弓形(塗りつぶし) / 扇形(塗りつぶし)

3. 円の描画(太い輪郭線)

[ サンプルプログラムのソースコード - OvalSample03.java - ]
  1. import javax.swing.JApplet;
  2. import java.awt.BasicStroke;
  3. import java.awt.Graphics;
  4. import java.awt.Graphics2D;
  5. public class OvalSample03 extends JApplet {
  6.   public void paint(Graphics g){
  7.     Graphics2D g2 = (Graphics2D)g;
  8.     g2.setStroke(new BasicStroke(5.0f));
  9.     g2.drawOval(10, 10, 100, 100);
  10.   }
  11. }
[ サンプルプログラムの実行結果 ]

[ 関連ページ ]
円(太線)のSwing版サンプル
アプレット版サンプルの他の図形描画
四角形(太線) / 角の丸い四角形(太線) / 楕円(太線) / 直線(太線) / 連続直線(太線) / 多角形(太線) / ベジェ曲線を含む図形(太線) / 円弧(太線) / 楕円弧(太線) / 弓形(太線) / 扇形(太線)


4. 円の描画(太い輪郭線&塗りつぶし)

[ サンプルプログラムのソースコード - OvalSample04.java - ]
  1. import javax.swing.JApplet;
  2. import java.awt.BasicStroke;
  3. import java.awt.Color;
  4. import java.awt.Graphics;
  5. import java.awt.Graphics2D;
  6. public class RectSample04 extends JApplet {
  7.   public void paint(Graphics g){
  8.     Graphics2D g2 = (Graphics2D)g;
  9.     g2.setColor(Color.GREEN);
  10.     float[] dash = { 20.0f, 5.0f,3.0f,5.0f };
  11.     g2.setStroke(new BasicStroke(
  12.         2.0f,
  13.         BasicStroke.JOIN_ROUND,
  14.         BasicStroke.CAP_BUTT,
  15.         1.0f,
  16.         dash,
  17.         0.0f));
  18.     g2.drawRoundRect(10, 10, 100, 100, 30, 30);
  19.   }
  20. }
[ サンプルプログラムの実行結果 ]

[ 関連ページ ]
円(太線&塗りつぶし)のSwing版サンプル
アプレット版サンプルの他の図形描画
四角形(太線&塗りつぶし) / 角の丸い四角形(太線&塗りつぶし) / 楕円(太線&塗りつぶし) / 多角形(太線&塗りつぶし) / ベジェ曲線を含む図形(太線&塗りつぶし) / 弓形(太線&塗りつぶし) / 扇形(太線&塗りつぶし)


5. 円の描画(破線の輪郭線)

[ サンプルプログラムのソースコード - OvalSample05.java - ]
  1. import javax.swing.JApplet;
  2. import java.awt.BasicStroke;
  3. import java.awt.Color;
  4. import java.awt.Graphics;
  5. import java.awt.Graphics2D;
  6. public class OvalSample05 extends JApplet {
  7.   public void paint(Graphics g){
  8.     Graphics2D g2 = (Graphics2D)g;
  9.     g2.setColor(Color.MAGENTA);
  10.     float[] dash = { 20.0f, 5.0f,3.0f,5.0f };
  11.     g2.setStroke(new BasicStroke(
  12.         2.0f,
  13.         BasicStroke.JOIN_ROUND,
  14.         BasicStroke.CAP_BUTT,
  15.         1.0f,
  16.         dash,
  17.         0.0f));
  18.    g2.drawOval(10, 10, 100, 100);
  19.   }
  20. }
[ サンプルプログラムの実行結果 ]

[ 関連ページ ]
円(破線)のSwing版サンプル
アプレット版サンプルの他の図形描画
四角形(破線) / 角の丸い四角形描画(破線) 楕円(破線) / 直線(破線) / 連続直線(破線) / 多角形(破線) / ベジェ曲線を含む図形(破線) / 円弧(破線) / 楕円弧(破線) / 弓形(破線) / 扇形(破線)


6. 円の描画(破線の輪郭線&塗りつぶし)

[ サンプルプログラムのソースコード - OvalSample06.java - ]
  1. import javax.swing.JApplet;
  2. import java.awt.BasicStroke;
  3. import java.awt.Color;
  4. import java.awt.Graphics;
  5. import java.awt.Graphics2D;
  6. public class OvalSample06 extends JApplet {
  7.   public void paint(Graphics g){
  8.     Graphics2D g2 = (Graphics2D)g;
  9.     g2.setColor(Color.LIGHT_GRAY);
  10.     g2.fillOval(10, 10, 100, 100);
  11.     g2.setColor(Color.MAGENTA);
  12.     float[] dash = { 20.0f, 5.0f,3.0f,5.0f };
  13.     g2.setStroke(new BasicStroke(
  14.         2.0f,
  15.         BasicStroke.JOIN_ROUND,
  16.         BasicStroke.CAP_BUTT,
  17.         1.0f,
  18.         dash,
  19.         0.0f));
  20.    g2.drawOval(10, 10, 100, 100);
  21.   }
  22. }
[ サンプルプログラムの実行結果 ]

[ 関連ページ ]
円(破線&塗りつぶし)のSwing版サンプル
アプレット版サンプルの他の図形描画
四角形(破線&塗りつぶし) / 角の丸い四角形描画(破線&塗りつぶし) 楕円(破線&塗りつぶし) / 多角形(破線&塗りつぶし) / ベジェ曲線を含む図形(破線&塗りつぶし) / 弓形(破線&塗りつぶし) / 扇形(破線&塗りつぶし)


7. 円の描画(グラデーション)

[ サンプルプログラムのソースコード - OvalSample07.java - ]
  1. import javax.swing.JApplet;
  2. import java.awt.Color;
  3. import java.awt.GradientPaint;
  4. import java.awt.Graphics;
  5. import java.awt.Graphics2D;
  6. public class OvalSample07 extends JApplet {
  7.   public void paint(Graphics g){
  8.     Graphics2D g2 = (Graphics2D)g;
  9.     GradientPaint gp = new GradientPaint(10,10,Color.GREEN,100,10,Color.BLUE,true);
  10.     g2.setPaint(gp);
  11.     g2.fillOval(10, 10, 100, 100);
  12.   
  13.   }
  14. }
[ サンプルプログラムの実行結果 ]

[ 関連ページ ]
円(グラデーション)のSwing版サンプル
アプレット版サンプルの他の図形描画
四角形(グラデーション) / 角の丸い四角形描画(グラデーション) 楕円(グラデーション) / 多角形(グラデーション) / ベジェ曲線を含む図形(グラデーション) / 弓形(グラデーション) / 扇形(グラデーション) / グラデーションサンプル


8. 円の描画(テクスチャーパターン)

[ サンプルプログラムのソースコード - OvalSample08.java - ]
  1. import javax.swing.JApplet;
  2. import java.awt.Color;
  3. import java.awt.Graphics;
  4. import java.awt.Graphics2D;
  5. import java.awt.Rectangle;
  6. import java.awt.TexturePaint;
  7. import java.awt.image.BufferedImage;
  8. public class OvalSample08 extends JApplet {
  9.   public void paint(Graphics g){
  10.     Graphics2D g2 = (Graphics2D)g;
  11.     BufferedImage bi = new BufferedImage(10,10,BufferedImage.TYPE_INT_RGB);
  12.     Graphics2D bg = bi.createGraphics();
  13.     Rectangle r = new Rectangle(0,0,10,10);
  14.     bg.setColor(Color.ORANGE);
  15.     bg.fillRect(0, 0, 10, 10);
  16.     bg.setColor(Color.BLUE);
  17.     bg.drawLine(0, 0, 10, 0);
  18.     bg.drawLine(0, 0, 0, 5);
  19.     bg.drawLine(0, 5, 10, 5);
  20.     bg.drawLine(5, 5, 5, 10);
  21.     TexturePaint tp = new TexturePaint(bi,r);
  22.     g2.setPaint(tp);
  23.     g2.fillOval(10, 10, 100, 100);
  24.   }
  25. }
[ サンプルプログラムの実行結果 ]

[ 関連ページ ]
円(テクスチャーパターン)のSwing版サンプル
アプレット版サンプルの他の図形描画
四角形(テクスチャーパターン) / 角の丸い四角形描画(テクスチャーパターン) 楕円(テクスチャーパターン) / 多角形(テクスチャーパターン) / ベジェ曲線を含む図形(テクスチャーパターン) / 弓形(テクスチャーパターン) / 扇形(テクスチャーパターン) / いろいろなテクスチャーパターン


9. 円の描画(回転)

[ サンプルプログラムのソースコード - OvalSample09.java - ]
  1. import javax.swing.JApplet;
  2. import java.awt.Color;
  3. import java.awt.Graphics;
  4. import java.awt.Graphics2D;
  5. import java.awt.Rectangle;
  6. import java.awt.TexturePaint;
  7. import java.awt.geom.AffineTransform;
  8. import java.awt.geom.Ellipse2D;
  9. import java.awt.image.BufferedImage;
  10. public class OvalSample09 extends JApplet {
  11.   private static final long serialVersionUID = 1L;
  12.   public void paint(Graphics g){
  13.     Graphics2D g2 = (Graphics2D)g;
  14.     BufferedImage bi = new BufferedImage(10,10,BufferedImage.TYPE_INT_RGB);
  15.     Graphics2D bg = bi.createGraphics();
  16.     Rectangle r = new Rectangle(0,0,10,10);
  17.     bg.setColor(Color.ORANGE);
  18.     bg.fillRect(0, 0, 10, 10);
  19.     bg.setColor(Color.BLUE);
  20.     bg.drawLine(0, 0, 10, 0);
  21.     bg.drawLine(0, 0, 0, 5);
  22.     bg.drawLine(0, 5, 10, 5);
  23.     bg.drawLine(5, 5, 5, 10);
  24.     TexturePaint tp = new TexturePaint(bi,r);
  25.     g2.setPaint(tp);
  26.     AffineTransform at = new AffineTransform();
  27.     at.setToRotation(Math.toRadians(45), 60, 60);
  28.     g2.setTransform(at);
  29.     Ellipse2D ellipse = new Ellipse2D.Double(10, 10, 100, 100);
  30.     g2.fill(ellipse);
  31.   }
  32. }
[ サンプルプログラムの実行結果 ]

[ 関連ページ ]
円(回転)のSwing版サンプル
アプレット版サンプルの他の図形描画
四角形(回転) / 角の丸い四角形描画(回転) 楕円(回転) / 多角形(回転) / ベジェ曲線を含む図形(回転) / 弓形(回転) / 扇形(回転) / アニメーションサンプル(図形の回転)




最終更新日:2019/02/13

2015-03-01からの訪問者数
  954 人