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

作って遊ぼうJavaプログラミング

Javaアプレット
サンプル集
Javaグラフィックサンプル（アプレット版）：円の描画に関する図形描画サンプルです。輪郭線を太くしたり、破線にしたり。図形内のグラデーション、パターン描画等のサンプルを掲載しています。
[ 記事一覧 ]
作って遊ぼうJavaプログラミング トップページ
ご意見、ご感想、ご質問 ユーザー投稿フォーム
お役立ちリンク集
Java関連書籍
Java アプレットゲームコーナー
Java入門
サンプル集
Javaサンプル集
アプレットサンプル集
四角形の描画
角の丸い四角形の描画
円の描画
楕円の描画
直線の描画
多角形の描画
ベジェ曲線の描画
ベジェ曲線を含む図形の描画
円弧、楕円弧の描画
弓形の描画
扇形の描画
図形の合成
いろいろなテクスチャーパターン
アニメーションサンプル
グラデーションサンプル
ボタンサンプル
チェックボックス
コンボボックス
マウス入力（マウスイベント）サンプル
キー入力（キーイベント）サンプル
アプレットからのファイル読み込み
画像イメージの表示
文字の描画
ダイアログの表示
テキストフィールドのサンプル
アプレットからのJavaScript実行
アプレットでのテーブル表示
テーブル最終行への行追加
テーブル最終行の削除
Swingサンプル集
ゲームを作ってみよう
試してみよう 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;
  5. public class OvalSample01 extends JApplet {
  6.   public void paint(Graphics g){
  7.     g.setColor(Color.GREEN);
  8.     g.drawOval(10, 10, 100, 100);
  9.   }
  10. }
[ サンプルプログラムの実行結果 ]

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


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



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

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

[ 関連ページ ]
円（太線）の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;
  7. public class RectSample04 extends JApplet {
  8.   public void paint(Graphics g){
  9.     Graphics2D g2 = (Graphics2D)g;
  10.     g2.setColor(Color.GREEN);
  11.     float[] dash = { 20.0f, 5.0f,3.0f,5.0f };
  12.     g2.setStroke(new BasicStroke(
  13.         2.0f,
  14.         BasicStroke.JOIN_ROUND,
  15.         BasicStroke.CAP_BUTT,
  16.         1.0f,
  17.         dash,
  18.         0.0f));
  19.     g2.drawRoundRect(10, 10, 100, 100, 30, 30);
  20.   }
  21. }
[ サンプルプログラムの実行結果 ]

[ 関連ページ ]
円（太線＆塗りつぶし）の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;
  7. public class OvalSample05 extends JApplet {
  8.   public void paint(Graphics g){
  9.     Graphics2D g2 = (Graphics2D)g;
  10.     g2.setColor(Color.MAGENTA);
  11.     float[] dash = { 20.0f, 5.0f,3.0f,5.0f };
  12.     g2.setStroke(new BasicStroke(
  13.         2.0f,
  14.         BasicStroke.JOIN_ROUND,
  15.         BasicStroke.CAP_BUTT,
  16.         1.0f,
  17.         dash,
  18.         0.0f));
  19.    g2.drawOval(10, 10, 100, 100);
  20.   }
  21. }
[ サンプルプログラムの実行結果 ]

[ 関連ページ ]
円（破線）の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;
  7. public class OvalSample06 extends JApplet {
  8.   public void paint(Graphics g){
  9.     Graphics2D g2 = (Graphics2D)g;
  10.     g2.setColor(Color.LIGHT_GRAY);
  11.     g2.fillOval(10, 10, 100, 100);
  12.     g2.setColor(Color.MAGENTA);
  13.     float[] dash = { 20.0f, 5.0f,3.0f,5.0f };
  14.     g2.setStroke(new BasicStroke(
  15.         2.0f,
  16.         BasicStroke.JOIN_ROUND,
  17.         BasicStroke.CAP_BUTT,
  18.         1.0f,
  19.         dash,
  20.         0.0f));
  21.    g2.drawOval(10, 10, 100, 100);
  22.   }
  23. }
[ サンプルプログラムの実行結果 ]

[ 関連ページ ]
円（破線＆塗りつぶし）の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;
  7. public class OvalSample07 extends JApplet {
  9.   public void paint(Graphics g){
  11.     Graphics2D g2 = (Graphics2D)g;
  12.     GradientPaint gp = new GradientPaint(10,10,Color.GREEN,100,10,Color.BLUE,true);
  13.     g2.setPaint(gp);
  14.     g2.fillOval(10, 10, 100, 100);
  15.   
  16.   }
  18. }
[ サンプルプログラムの実行結果 ]

[ 関連ページ ]
円（グラデーション）の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;
  9. public class OvalSample08 extends JApplet {
  11.   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.     g2.fillOval(10, 10, 100, 100);
  28.   }
  30. }
[ サンプルプログラムの実行結果 ]

[ 関連ページ ]
円（テクスチャーパターン）の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;
  11. public class OvalSample09 extends JApplet {
  13.   private static final long serialVersionUID = 1L;
  15.   public void paint(Graphics g){
  16.     Graphics2D g2 = (Graphics2D)g;
  17.     BufferedImage bi = new BufferedImage(10,10,BufferedImage.TYPE_INT_RGB);
  18.     Graphics2D bg = bi.createGraphics();
  19.     Rectangle r = new Rectangle(0,0,10,10);
  20.     bg.setColor(Color.ORANGE);
  21.     bg.fillRect(0, 0, 10, 10);
  22.     bg.setColor(Color.BLUE);
  23.     bg.drawLine(0, 0, 10, 0);
  24.     bg.drawLine(0, 0, 0, 5);
  25.     bg.drawLine(0, 5, 10, 5);
  26.     bg.drawLine(5, 5, 5, 10);
  27.     TexturePaint tp = new TexturePaint(bi,r);
  28.     g2.setPaint(tp);
  29.     AffineTransform at = new AffineTransform();
  30.     at.setToRotation(Math.toRadians(45), 60, 60);
  31.     g2.setTransform(at);
  32.     Ellipse2D ellipse = new Ellipse2D.Double(10, 10, 100, 100);
  33.     g2.fill(ellipse);
  34.   }
  36. }
[ サンプルプログラムの実行結果 ]

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




最終更新日：2019/02/13

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