如何清除 JavaFX 中的画布

画布（Canvas）是 JavaFX 中用于绘制图形的一个重要组件。在某些场景下，我们需要清除画布上的内容，以便重新绘制新的图形。本文将介绍如何清除 JavaFX 中的画布，并提供一些示例和注意事项。

步骤：

1. 创建画布对象：首先，我们需要创建一个 JavaFX 画布对象。可以使用以下代码创建一个新的画布：

   Canvas canvas = new Canvas();
   

2. 获取画布的上下文：画布的上下文（GraphicsContext）用于执行绘图操作。我们需要获取画布的上下文对象，可以使用以下代码获取上下文对象：

   GraphicsContext gc = canvas.getGraphicsContext2D();
   

3. 清除画布内容：要清除画布上的内容，可以使用上下文对象的 clearRect() 方法。该方法用于清除指定区域的内容。以下是一个清除整个画布内容的示例：

   double canvasWidth = canvas.getWidth();
   double canvasHeight = canvas.getHeight();
   gc.clearRect(0, 0, canvasWidth, canvasHeight);
   

4. 重新绘制内容：清除画布后，可以重新绘制新的图形。假设我们要在画布上绘制一个红色的矩形，可以使用以下代码：

   gc.setFill(Color.RED);
   gc.fillRect(50, 50, 100, 100);
   

注意事项：

1. 清除画布时，应确保获取到正确的画布尺寸。如果画布尺寸为零，清除操作可能无效。可以使用 getWidth() 和 getHeight() 方法获取画布的宽度和高度。
2. 在重新绘制内容之前，务必清除画布。否则，之前绘制的内容可能会重叠在新的图形上。
3. 清除画布时，可以使用 clearRect() 方法指定清除的区域。该方法的参数分别为起始点的 x 和 y 坐标，以及要清除的区域的宽度和高度。
4. 绘制新的图形时，可以使用 setFill() 方法设置填充颜色，使用 fillRect() 方法绘制矩形。

示例：

下面是一个完整的示例，清除画布上的内容并绘制一个新的红色矩形：

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

public class ClearCanvasExample extends Application {

    public static void main(String[] args) {
        launch(args);
    }

    @Override
    public void start(Stage primaryStage) {
        Canvas canvas = new Canvas(400, 300);
        GraphicsContext gc = canvas.getGraphicsContext2D();
        
        // 清除画布
        double canvasWidth = canvas.getWidth();
        double canvasHeight = canvas.getHeight();
        gc.clearRect(0, 0, canvasWidth, canvasHeight);

        // 绘制新的图形
        gc.setFill(Color.RED);
        gc.fillRect(50, 50, 100, 100);

        Group root = new Group(canvas);
        Scene scene = new Scene(root);
        primaryStage.setScene(scene);
        primaryStage.show();
    }
}

总结：

本文介绍了如何清除 JavaFX 中的画布。通过获取画布上下文对象，可以使用 clearRect() 方法清除画布的内容。在重新绘制新的图形前，务必清除原有的内容。在实际使用中，应注意画布尺寸的正确性，并使用 getWidth() 和 getHeight() 方法获取画布的宽度和高度。清除画布后，可以使用 setFill() 和 fillRect() 方法绘制新的图形。清除画布是绘制动态图形的常见操作，有助于实现交互性高的界面效果。

火焰兔

海报 链接