Question

我正在编写一个（基本上）模仿MS Paint的应用程序;你可以选择铅笔工具，并绘制一个笔划为3的线;您可以选择标记工具并绘制一个行程为7等的行

我想在我的画布周围画一个边框。这很简单，是的。但是，使用其他方法，我可以想到实现这一点的唯一方法是在绘制边框后进行大量的点检查。有没有一种有效的方法可以做到这一点，而不会与已选择的工具的笔划/颜色发生冲突？

以下是drawBorder()方法：

private void drawBorder(GraphicsContext g) {
    final double canvasWidth = g.getCanvas().getWidth();
    final double canvasHeight = g.getCanvas().getHeight();

    g.setStroke(Color.BLACK);
    g.setLineWidth(4);
    g.strokeRect(0, 0, canvasWidth, canvasHeight);

    //sets the color back to the currently selected ColorPicker color
    g.setStroke(selectedColor);
}

但是，此代码会与我的clear()操作

冲突

clearTool.setOnAction(e -> {
            graphics.clearRect(0, 0,
                canvas.getWidth(), canvas.getHeight());
            drawBorder(graphics);
        });

因为在清除画布之后，笔划线宽将为4.这是一个问题，因为如果我将铅笔工具作为所选工具（笔划线宽为3），那么在我选择其他工具之前它将为4并切换回铅笔工具;此外，如果我在按下清除按钮时选择了标记工具，则相同的概念适用（行程线宽为7将为4，直到我选择另一个工具，然后重新选择标记工具）。

我试图避免为每个工具设置一个检查，并让它每次都重置笔划的线宽 - 虽然这样可行，但似乎很复杂。

Answer 1

考虑将画布放在窗格中，并使用CSS设置窗格样式。例如：

import javafx.application.Application;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.canvas.Canvas;
import javafx.scene.canvas.GraphicsContext;
import javafx.scene.control.Button;
import javafx.scene.layout.Priority;
import javafx.scene.layout.StackPane;
import javafx.scene.layout.VBox;
import javafx.scene.paint.Color;
import javafx.stage.Stage;

public class CanvasWithBorderExample extends Application {

    @Override
    public void start(Stage primaryStage) {

        final int SIZE = 400 ;
        Canvas canvas = new Canvas(SIZE, SIZE);

        GraphicsContext gc = canvas.getGraphicsContext2D() ;
        gc.setStroke(Color.RED);
        gc.moveTo(0, 0);
        gc.lineTo(SIZE, SIZE);
        gc.stroke();

        StackPane canvasContainer = new StackPane(canvas);
        canvasContainer.getStyleClass().add("canvas");

        VBox root = new VBox(10, canvasContainer, new Button("Click here"));
        root.setFillWidth(false);
        VBox.setVgrow(canvasContainer, Priority.NEVER);
        root.setAlignment(Pos.CENTER);

        Scene scene = new Scene(root);
        scene.getStylesheets().add("canvas-with-border.css");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

with canvas-with-border.css：

.canvas {
    -fx-background-color: antiquewhite, white ;
    -fx-background-insets: 0, 20 ;
    -fx-padding: 20 ;
}

Answer 2

编辑：我想快速将Swing Canvas知识应用于JavaFX。如果在JavaFX中使用resizable Canvas，则仍需要按照以下说明进行操作。如果没有，我可能会使用Oracle的Java tutorial中描述的层方法。

如果我理解正确，那么在我看来你的方法不正确。例如，我假设你在用户绘制铅笔时直接进入Canvas。这是不正确的。 Canvas可以随时要求您重绘它，您必须为此做好准备。

也就是说，在屏幕外的GraphicsContext中进行用户绘图，使用自己的设置，您可以保持与用户选择的工具一致。然后，在Canvas paint（）方法中，将该上下文的内容复制到Canvas。那时你也可以添加你自己的边框或其他注释。

可能您已经使用了离屏绘图，并希望将边框绘制到屏幕外缓冲区（例如，由于用户的“添加边框”操作）。然后看看GraphicsContext的save（）和restore（）方法。它们可以保存状态，更改设置，绘图，然后恢复旧状态。

在画布周围绘制边框

2 个答案: