JavaFX でキャンバスをクリアする

MD Aminul Islam 2024年2月15日

Java Java JavaFX

JavaFX では、キャンバスは一連のグラフィックスコマンドを使用してさまざまな形状やコンポーネントを描画する画像のようなものです。このノードは、必要な高さと重量で構成されています。

JavaFX キャンバスを使用すると、画面上に長方形、楕円、円などのさまざまな形状を描画できる UI コンポーネントを作成できます。その特別な UI コンポーネントはキャンバスと呼ばれます。

ただし、キャンバス上の描画を削除または変更する必要がある場合があります。

この記事では、キャンバスを削除またはクリアする方法について説明します。また、このトピックについて、理解を容易にするために必要なコードと説明を交えて説明します。

JavaFX でキャンバスをクリアする

clearRect() という名前のメソッドを使用すると、特定のコンポーネントを削除したり、キャンバスをクリアしたりできます。詳細に説明しましょう。

キャンバスに楕円形を作成するには、以下のコードを使用できます。

Diameter = Math.max(Width,
    Height); // Create a mathematical calculation for the ovel with necessary height an weight
if (filledColor == null)
  g.drawOval(x, y, Width, Height); // Draw the oval without fill it with color
else
  g.fillOval(x, y, Width, Height); // Draw the oval and fill it with color
break;

このコードをプログラムに組み込むと、キャンバスに楕円が描かれます。キャンバスから楕円を削除するか、キャンバスをクリアするには、以下のコードを使用できます。

g.clearRect(0, 0, canvas.getWidth(), canvas.getHeight());

上記のコードは、描画を削除して画面をクリアします。

このメソッドの一般的な形式は次のとおりです。

clearRect( X_Position, Y_Position, Canvas_Height, Canvas_Width )

キャンバスをクリアするためだけに使用するボタンのアクションとしてこれを含めることができます。

以下は、このメソッドを使用した単純なキャンバスの例です

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.canvas.Canvas;
import javafx.scene.canvas.GraphicsContext;
import javafx.scene.layout.Pane;
import javafx.scene.paint.Color;
import javafx.stage.Stage;

public class FxCanvas extends Application {
  public static void main(String[] args) {
    Application.launch(args); // Launch the application
  }

  @Override
  public void start(Stage PrimaryStage) {
    Canvas canvas = new Canvas(500, 200); // Create the Canvas
    GraphicsContext g = canvas.getGraphicsContext2D(); // Create a 2D graphics context on the canvas
    g.setLineWidth(3.0); // Set line width
    g.setFill(Color.RED); // Set fill color
    g.fillRoundRect(50, 50, 300, 100, 10, 10); // Draw a rounded Rectangle on the canvas
    g.clearRect(80, 80, 140, 50); // Clear the rectangular area from the canvas
    Pane pn = new Pane(); // Create a Pane
    // Provide necessary styles
    pn.setStyle(
        "-fx-padding: 10; -fx-border-style: solid inside; -fx-border-width: 2; -fx-border-insets: 5; -fx-border-radius: 5; -fx-border-color: blue;");
    pn.getChildren().add(canvas); // Add the canvas to the Pane
    Scene scene = new Scene(pn); // Create a Scene
    PrimaryStage.setScene(scene); // Add the Scene to the Stage
    PrimaryStage.setTitle("Clearing Canvas area"); // Set the title of the application
    PrimaryStage.show(); // Display the Stage
  }
}

上記のサンプルコードをコンパイルして環境で実行すると、次の出力が得られます。

出力：

JavaFX クリアキャンバス出力

IDE がライブラリとパッケージの自動インクルードをサポートしていない場合は、覚えておいてください。次に、手動でコンパイルする前に、これらの必要なライブラリとパッケージを含める必要がある場合があります。

著者： MD Aminul Islam

Aminul Is an Expert Technical Writer and Full-Stack Developer. He has hands-on working experience on numerous Developer Platforms and SAAS startups. He is highly skilled in numerous Programming languages and Frameworks. He can write professional technical articles like Reviews, Programming, Documentation, SOP, User manual, Whitepaper, etc.

JavaFX でキャンバスをクリアする

関連記事 - Java JavaFX