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

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



楕円の描画

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

円、楕円の描画サンプルを紹介しています。円、楕円を描画するメソッドには 次のようなものがあります。
 ・drawOval ‥ 円、楕円を描画します。中身は塗りつぶしません。
 ・fillOval ‥ 円、楕円を描画して中身を塗りつぶします。

1. 楕円の描画

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

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


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

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

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


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

[ サンプルプログラムのソースコード - Ellipse03.java - ]
  1. import javax.swing.JApplet;
  2. import java.awt.BasicStroke;
  3. import java.awt.Graphics;
  4. import java.awt.Graphics2D;
  5. public class Ellipse03 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, 50);
  10.   }
  11. }
[ サンプルプログラムの実行結果 ]

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


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

[ サンプルプログラムのソースコード - Ellipse04.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 Ellipse04 extends JApplet {
  7.   public void paint(Graphics g){
  8.     Graphics2D g2 = (Graphics2D)g;
  9.     g2.setColor(Color.YELLOW);
  10.     g2.fillOval(10, 10, 100, 50);
  11.     g2.setColor(Color.MAGENTA);
  12.     g2.setStroke(new BasicStroke(5.0f));
  13.     g2.drawOval(10, 10, 100, 50);
  14.   }
  15. }
[ サンプルプログラムの実行結果 ]

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


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

[ サンプルプログラムのソースコード - Ellipse05.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 Ellipse05 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, 50);
  19.   }
  20. }
[ サンプルプログラムの実行結果 ]

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


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

[ サンプルプログラムのソースコード - Ellipse06.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 Ellipse06 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, 50);
  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, 50);
  21.   }
  22. }
[ サンプルプログラムの実行結果 ]

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


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

[ サンプルプログラムのソースコード - Ellipse07.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 EllipseSample07 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, 50);
  12.     }
  13. }
[ サンプルプログラムの実行結果 ]

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


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

[ サンプルプログラムのソースコード - Ellipse08.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 EllipseSample08 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, 50);
  24.   }
  25. }
[ サンプルプログラムの実行結果 ]

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


9. 楕円の描画(回転)

[ サンプルプログラムのソースコード - Ellipse09.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 EllipseSample09 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(45*Math.PI/180.0f, 80,55);
  28.     g2.setTransform(at);
  29.     Ellipse2D ellipse = new Ellipse2D.Double(30, 30, 100, 50);
  30.     g2.fill(ellipse);
  31.   }
  32. }
[ サンプルプログラムの実行結果 ]

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




最終更新日:2019/02/13

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