Javaアプレットによる2Dグラフィックサンプル ベジェ曲線を含む図形の描画

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

Javaアプレット
サンプル集
Javaグラフィックサンプル（アプレット版）：曲線の描画に関する図形描画サンプルです。輪郭線を太くしたり、破線にしたり。図形内のグラデーション、パターン描画等のサンプルを掲載しています。
[ 記事一覧 ]
作って遊ぼうJavaプログラミング トップページ
ご意見、ご感想、ご質問 ユーザー投稿フォーム
お役立ちリンク集
Java関連書籍
Java アプレットゲームコーナー
Java入門
サンプル集
Javaサンプル集
アプレットサンプル集
四角形の描画
角の丸い四角形の描画
円の描画
楕円の描画
直線の描画
多角形の描画
ベジェ曲線の描画
ベジェ曲線を含む図形の描画
円弧、楕円弧の描画
弓形の描画
扇形の描画
図形の合成
いろいろなテクスチャーパターン
アニメーションサンプル
グラデーションサンプル
ボタンサンプル
チェックボックス
コンボボックス
マウス入力（マウスイベント）サンプル
キー入力（キーイベント）サンプル
アプレットからのファイル読み込み
画像イメージの表示
文字の描画
ダイアログの表示
テキストフィールドのサンプル
アプレットからのJavaScript実行
アプレットでのテーブル表示
テーブル最終行への行追加
テーブル最終行の削除
Swingサンプル集
ゲームを作ってみよう
試してみよう Java実験コーナー
こんなエラー出ちゃいましたぁ！エラー別対処方法

Home > サンプル集 > アプレットサンプル集 > ベジェ曲線を含む図形の描画


ベジェ曲線を含む図形の描画

このページには、以下のサンプルを掲載しています。 下の項目をクリックをすると各サンプルにジャンプします。 ※2週間以内の新着記事はNewアイコン、更新記事はUpアイコンが表示されます。
  1. ベジェ曲線を含む図形の描画 ( BezierSample01.java ) 　
  2. ベジェ曲線を含む図形の描画（塗りつぶし） ( BezierSample02.java ) 　
  3. ベジェ曲線を含む図形の描画（太線） ( BezierSample03.java ) 　
  4. ベジェ曲線を含む図形の描画（太線＆塗りつぶし） ( BezierSample04.java ) 　
  5. ベジェ曲線を含む図形の描画（破線） ( BezierSample05.java ) 　
  6. ベジェ曲線を含む図形の描画（破線＆塗りつぶし） ( BezierSample06.java ) 　
  7. ベジェ曲線を含む図形の描画（グラデーション） ( BezierSample07.java ) 　
  8. ベジェ曲線を含む図形の描画（テクスチャーパターン） ( BezierSample08.java ) 　
  9. ベジェ曲線を含む図形の描画 (回転）( BezierSample09.java ) 　

ベジェ曲線を含んだ図形を描くには、GeneralPathクラスのcurveToメソッドを使います。

■ベジェ曲線を含む図形の描画
[ サンプルプログラムのソースコード - BezierSample01.java - ]
  1. package sample.applet;
  3. import javax.swing.JApplet;
  4. import java.awt.Color;
  5. import java.awt.Graphics;
  6. import java.awt.Graphics2D;
  7. import java.awt.geom.GeneralPath;
  9. public class BezierSample01 extends JApplet {
  10.   public void paint(Graphics g) {
  11.     Graphics2D g2 = (Graphics2D)g;
  12.     g2.setPaint(Color.BLUE);
  13.     GeneralPath p = new GeneralPath();
  14.     p.moveTo(10, 10);
  15.     p.lineTo(110, 10);
  16.     p.curveTo(70, 35, 70, 60, 110, 110);
  17.     p.lineTo(10, 110);
  18.     p.curveTo(50, 100, 50, 100, 10, 10);
  19.     p.closePath();
  20.     g2.draw(p);
  21.   }
  22. }
[ サンプルプログラムの実行結果 ]

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


■ベジェ曲線を含む図形の描画（塗りつぶし）
[ サンプルプログラムのソースコード - BezierSample02.java - ]
  1. package sample.applet;
  3. import javax.swing.JApplet;
  4. import java.awt.Color;
  5. import java.awt.Graphics;
  6. import java.awt.Graphics2D;
  7. import java.awt.geom.GeneralPath;
  9. public class BezierSample02 extends JApplet {
  10.   public void paint(Graphics g) {
  11.     Graphics2D g2 = (Graphics2D)g;
  12.     g2.setPaint(Color.ORANGE);
  13.     GeneralPath p = new GeneralPath();
  14.     p.moveTo(10, 10);
  15.     p.lineTo(110, 10);
  16.     p.curveTo(70, 35, 70, 60, 110, 110);
  17.     p.lineTo(10, 110);
  18.     p.curveTo(50, 100, 50, 100, 10, 10);
  19.     p.closePath();
  20.     g2.fill(p);
  21.   }
  22. }
[ サンプルプログラムの実行結果 ]

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


■ベジェ曲線を含む図形の描画（太線）
[ サンプルプログラムのソースコード - BezierSample03.java - ]
  1. package sample.applet;
  3. import javax.swing.JApplet;
  4. import java.awt.BasicStroke;
  5. import java.awt.Color;
  6. import java.awt.Graphics;
  7. import java.awt.Graphics2D;
  8. import java.awt.geom.GeneralPath;
  10. public class BezierSample03 extends JApplet {
  11.   public void paint(Graphics g) {
  12.     Graphics2D g2 = (Graphics2D)g;
  13.     g2.setPaint(Color.BLUE);
  14.     g2.setStroke(new BasicStroke(5.0f));
  15.     GeneralPath p = new GeneralPath();
  16.     p.moveTo(10, 10);
  17.     p.lineTo(110, 10);
  18.     p.curveTo(70, 35, 70, 60, 110, 110);
  19.     p.lineTo(10, 110);
  20.     p.curveTo(50, 100, 50, 100, 10, 10);
  21.     p.closePath();
  22.     g2.draw(p);
  23.   }
  24. }
[ サンプルプログラムの実行結果 ]

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


■ベジェ曲線を含む図形の描画（太線＆塗りつぶし）
[ サンプルプログラムのソースコード - BezierSample04.java - ]
  1. package sample.applet;
  3. import javax.swing.JApplet;
  4. import java.awt.BasicStroke;
  5. import java.awt.Color;
  6. import java.awt.Graphics;
  7. import java.awt.Graphics2D;
  8. import java.awt.geom.GeneralPath;
  10. public class BezierSample04 extends JApplet {
  11.   public void paint(Graphics g) {
  12.     Graphics2D g2 = (Graphics2D)g;
  13.     g2.setStroke(new BasicStroke(5.0f));
  14.     GeneralPath p = new GeneralPath();
  15.     p.moveTo(10, 10);
  16.     p.lineTo(110, 10);
  17.     p.curveTo(70, 35, 70, 60, 110, 110);
  18.     p.lineTo(10, 110);
  19.     p.curveTo(50, 100, 50, 100, 10, 10);
  20.     p.closePath();
  21.     g2.setPaint(Color.BLUE);
  22.     g2.fill(p);
  23.     g2.setPaint(Color.RED);
  24.     g2.draw(p);
  25.   }
  26. }
[ サンプルプログラムの実行結果 ]

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


■ベジェ曲線を含む図形の描画（破線）
[ サンプルプログラムのソースコード - BezierSample05.java - ]
  1. package sample.applet;
  3. import javax.swing.JApplet;
  4. import java.awt.BasicStroke;
  5. import java.awt.Color;
  6. import java.awt.Graphics;
  7. import java.awt.Graphics2D;
  8. import java.awt.geom.GeneralPath;
  10. public class BezierSample05 extends JApplet {
  11.   public void paint(Graphics g) {
  12.     Graphics2D g2 = (Graphics2D)g;
  13.     g2.setPaint(Color.BLUE);
  14.       float[] dash = { 20.0f, 5.0f,3.0f,5.0f };
  15.       g2.setStroke(new BasicStroke(
  16.           2.0f,
  17.           BasicStroke.JOIN_ROUND,
  18.           BasicStroke.CAP_BUTT,
  19.           1.0f,
  20.           dash,
  21.           0.0f));
  22.     GeneralPath p = new GeneralPath();
  23.     p.moveTo(10, 10);
  24.     p.lineTo(110, 10);
  25.     p.curveTo(70, 35, 70, 60, 110, 110);
  26.     p.lineTo(10, 110);
  27.     p.curveTo(50, 100, 50, 100, 10, 10);
  28.     p.closePath();
  29.     g2.draw(p);
  30.   }
  31. }
[ サンプルプログラムの実行結果 ]

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


■ベジェ曲線を含む図形の描画（破線＆塗りつぶし）
[ サンプルプログラムのソースコード - BezierSample06.java - ]
  1. package sample.applet;
  3. import javax.swing.JApplet;
  4. import java.awt.BasicStroke;
  5. import java.awt.Color;
  6. import java.awt.Graphics;
  7. import java.awt.Graphics2D;
  8. import java.awt.geom.GeneralPath;
  10. public class BezierSample06 extends JApplet {
  11.   public void paint(Graphics g) {
  12.     Graphics2D g2 = (Graphics2D)g;
  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.     GeneralPath p = new GeneralPath();
  22.     p.moveTo(10, 10);
  23.     p.lineTo(110, 10);
  24.     p.curveTo(70, 35, 70, 60, 110, 110);
  25.     p.lineTo(10, 110);
  26.     p.curveTo(50, 100, 50, 100, 10, 10);
  27.     p.closePath();
  28.     g2.setPaint(Color.GREEN);
  29.     g2.fill(p);
  30.     g2.setPaint(Color.RED);
  31.     g2.draw(p);
  32.   }
  33. }
[ サンプルプログラムの実行結果 ]

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


■ベジェ曲線を含む図形の描画（グラデーション）
[ サンプルプログラムのソースコード - BezierSample07.java - ]
  1. package sample.applet;
  3. import javax.swing.JApplet;
  4. import java.awt.Color;
  5. import java.awt.GradientPaint;
  6. import java.awt.Graphics;
  7. import java.awt.Graphics2D;
  8. import java.awt.geom.GeneralPath;
  10. public class BezierSample07 extends JApplet {
  12.   public void paint(Graphics g){
  14.     Graphics2D g2 = (Graphics2D)g;
  15.     GradientPaint gp = new GradientPaint(10,10,Color.GREEN,100,10,Color.BLUE,true);
  16.     g2.setPaint(gp);
  17.     GeneralPath p = new GeneralPath();
  18.     p.moveTo(10, 10);
  19.     p.lineTo(110, 10);
  20.     p.curveTo(70, 35, 70, 60, 110, 110);
  21.     p.lineTo(10, 110);
  22.     p.curveTo(50, 100, 50, 100, 10, 10);
  23.     p.closePath();
  24.     g2.fill(p);
  26.   }
  28. }
[ サンプルプログラムの実行結果 ]

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


■ベジェ曲線を含む図形の描画（テクスチャーパターン）
[ サンプルプログラムのソースコード - BezierSample08.java - ]
  1. package sample.applet;
  3. import javax.swing.JApplet;
  4. import java.awt.Color;
  5. import java.awt.Graphics;
  6. import java.awt.Graphics2D;
  7. import java.awt.Rectangle;
  8. import java.awt.TexturePaint;
  9. import java.awt.geom.GeneralPath;
  10. import java.awt.image.BufferedImage;
  12. public class BezierSample08 extends JApplet {
  14.   public void paint(Graphics g){
  15.     Graphics2D g2 = (Graphics2D)g;
  16.     BufferedImage bi = new BufferedImage(10,10,BufferedImage.TYPE_INT_RGB);
  17.     Graphics2D bg = bi.createGraphics();
  18.     Rectangle r = new Rectangle(0,0,10,10);
  19.     bg.setColor(Color.ORANGE);
  20.     bg.fillRect(0, 0, 10, 10);
  21.     bg.setColor(Color.BLUE);
  22.     bg.drawLine(0, 0, 10, 0);
  23.     bg.drawLine(0, 0, 0, 5);
  24.     bg.drawLine(0, 5, 10, 5);
  25.     bg.drawLine(5, 5, 5, 10);
  26.     TexturePaint tp = new TexturePaint(bi,r);
  27.     g2.setPaint(tp);
  28.     GeneralPath p = new GeneralPath();
  29.     p.moveTo(10, 10);
  30.     p.lineTo(110, 10);
  31.     p.curveTo(70, 35, 70, 60, 110, 110);
  32.     p.lineTo(10, 110);
  33.     p.curveTo(50, 100, 50, 100, 10, 10);
  34.     p.closePath();
  35.     g2.fill(p);
  36.   }
  38. }
[ サンプルプログラムの実行結果 ]

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


■ベジェ曲線を含む図形の描画（回転）
[ サンプルプログラムのソースコード - BezierSample09.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.GeneralPath;
  9. import java.awt.image.BufferedImage;
  11. public class BezierSample09 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), 70,70);
  31.     g2.setTransform(at);
  32.     GeneralPath p = new GeneralPath();
  33.     p.moveTo(20, 20);
  34.     p.lineTo(120, 20);
  35.     p.curveTo(80, 45, 80, 70, 120, 120);
  36.     p.lineTo(20, 120);
  37.     p.curveTo(60, 110, 60, 110, 20, 20);
  38.     p.closePath();
  39.     g2.fill(p);
  40.   }
  42. }
[ サンプルプログラムの実行結果 ]

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




最終更新日：2019/02/13

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