迹忆客 专注技术分享

在 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
    }
}

编译上述示例代码并在您的环境中运行后，您将得到以下输出。

输出：

请记住，如果您的 IDE 不支持自动包含库和包。 然后，您可能需要在手动编译之前包含这些必要的库和包。