如何在JavaFX上调整画布的大小以适合其大小

Question

我是JavaFX的新手，在调整画布大小时遇到​​问题。 我正在尝试使画布尺寸完全适合放入其中的内容。 输出应该是唯一的片段5/7，但是在我绘制的数字旁边有很多空白。 我尝试使用setWidth调整画布的大小，甚至从一开始就将画布设置为小尺寸，但似乎无济于事。

这是我的代码：

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.canvas.Canvas;
import javafx.scene.canvas.GraphicsContext;
import javafx.scene.layout.HBox;
import javafx.scene.text.Font;
import javafx.scene.text.FontWeight;
import javafx.stage.Stage;

public class Example extends Application {

    Font fontLarge = Font.font("Droid Sans", FontWeight.BOLD, 15);

    @Override
    public void start(Stage stage) {

        HBox root = new HBox();
        Scene scene = new Scene(root);

        root.getChildren().add(getCanvasOfRationalNumber("5", "7"));
        scene.setRoot(root);
        stage.setScene(scene);
        stage.show();
    }

    public Canvas getCanvasOfRationalNumber(String num, String denom) {
        final Canvas rnCanvas = new Canvas(300, 55);
        GraphicsContext gc = rnCanvas.getGraphicsContext2D();
        gc.setFont(fontLarge);

        gc.fillText(num, 0, 15);
        gc.fillText("___", 0, 20);
        gc.fillText(denom, 0, 40);

        rnCanvas.setWidth(15);
        return rnCanvas;
    }

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

}

Answer 1

编辑：我以前的答案是错误的，这是新的答案。

我们需要澄清您的真正需求。 如果我现在正确理解，您想要的是窗口大小本身不大于Canvas大小。

如jewelsea在评论中指出的，您可以更改“画布”的宽度和高度。 实际上，您已经在代码中这样做了。

我建议您为“画布”和“场景”选择不同的颜色。 如果您使用例如：

public class Example extends Application {

    Font fontLarge = Font.font("Droid Sans", FontWeight.BOLD, 15);

    @Override
    public void start(Stage stage) {

        HBox root = new HBox();
        Scene scene = new Scene(root, Color.YELLOW);

        root.getChildren().add(getCanvasOfRationalNumber("5", "7"));
        scene.setRoot(root);
        stage.setScene(scene);
        stage.show();
    }

    public Canvas getCanvasOfRationalNumber(String num, String denom) {
        final Canvas rnCanvas = new Canvas(300, 55);
        GraphicsContext gc = rnCanvas.getGraphicsContext2D();
        gc.setFont(fontLarge);

        gc.setFill(Color.LIGHTBLUE);
        gc.fillRect(0, 0, 300, 55);

        gc.setFill(Color.BLUE);

        gc.fillText(num, 0, 15);
        gc.fillText("___", 0, 20);
        gc.fillText(denom, 0, 40);

        rnCanvas.setWidth(15);
        return rnCanvas;
    }

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

}

你会得到这个

您清楚地看到了画布的大小。 您面临的问题是窗口不能更小。 那是场景中的白色（或此处为黄色）空间，而不是“画布”中的空间。 您可以尝试将width设置为1，height设置为1，但最终仍然会这样：

我的猜测是，由于最小/最大/关闭按钮，窗口大小无法变小。 您可以使用initStyle方法更改样式以摆脱按钮。

这一切都取决于您的要求。

---

旧的（错误的）答案：

您无法修改Canvas的宽度/高度。

画布是可以使用GraphicsContext提供的一组图形命令绘制的图像。

Canvas节点的宽度和高度可以指定画布绘制命令在其中渲染的图像的大小。 所有绘图操作都被裁剪到该图像的边界。

您的解决方案是将画布区域复制到其他大小的新画布，或者根本不使用画布，而使用例如Text节点。 但这一切都取决于您的要求。