JavaFX GraphicsContext无法绘制图形：运行代码仅显示空白窗口

我帮你排查下这个问题哈！你遇到的空白窗口情况，大概率是Canvas没有设置有效尺寸或者绘制逻辑的时机不对导致的，咱们一步步来修复：

常见问题点及修复方案 #

• Canvas默认尺寸为0x0：JavaFX的Canvas默认宽高都是0，就算你在上面画了图形，也根本看不到。所以必须给Canvas设置明确的宽高，或者让它绑定父容器的尺寸。
• 绘制逻辑的执行时机：要确保绘制代码是在Canvas有了有效尺寸之后执行的，不然坐标可能超出范围或者根本没生效。
• 随机参数的合理性：要保证生成的圆心坐标和半径不会超出Canvas的可视范围，不然圆会跑到窗口外面去。

修正后的完整代码 #

package circles;

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.layout.VBox;
import javafx.scene.canvas.Canvas;
import javafx.scene.canvas.GraphicsContext;
import javafx.stage.Stage;
import java.util.Random;
import javafx.scene.paint.Color;

public class Circles extends Application {

    private static final int WINDOW_WIDTH = 800;
    private static final int WINDOW_HEIGHT = 600;
    private static final int CIRCLE_COUNT = 50; // 要绘制的圆形数量

    @Override
    public void start(Stage primaryStage) {
        // 创建Canvas并设置宽高，这一步是关键！
        Canvas canvas = new Canvas(WINDOW_WIDTH, WINDOW_HEIGHT);
        GraphicsContext gc = canvas.getGraphicsContext2D();
        
        // 调用绘制圆形的方法
        drawRandomCircles(gc);

        VBox root = new VBox(canvas);
        Scene scene = new Scene(root, WINDOW_WIDTH, WINDOW_HEIGHT);
        
        primaryStage.setTitle("Random Circles");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    private void drawRandomCircles(GraphicsContext gc) {
        Random random = new Random();
        gc.setFill(Color.BLACK); // 设置填充颜色为黑色

        for (int i = 0; i < CIRCLE_COUNT; i++) {
            // 生成在Canvas范围内的圆心坐标和半径
            double radius = random.nextDouble() * 30 + 5; // 半径5-35
            double x = random.nextDouble() * (WINDOW_WIDTH - 2 * radius) + radius;
            double y = random.nextDouble() * (WINDOW_HEIGHT - 2 * radius) + radius;
            
            // 绘制填充圆形
            gc.fillOval(x - radius, y - radius, 2 * radius, 2 * radius);
        }
    }

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

关键修改说明 #

1. 给Canvas设置固定宽高：创建Canvas时直接传入窗口的宽高，确保它有可视区域。
2. 合理生成圆形参数：计算圆心坐标时，减去两倍半径，保证整个圆都在Canvas范围内，不会被窗口边缘截断。
3. 明确调用绘制方法：在Canvas初始化完成后，立即调用drawRandomCircles方法执行绘制逻辑。

如果你的代码里已经有类似逻辑，那可以检查下是不是Canvas的尺寸没有正确设置，或者绘制时的坐标计算错误导致圆跑到窗口外面去了~

内容的提问来源于stack exchange，提问作者czedarts