JavaFX中如何保存选中图片？现有代码存为白色空白图求助

嘿，问题很明确——你现在保存的是选框矩形本身的快照，而不是WebView里选框覆盖的图片区域，这就是为什么保存出来是空白/白色图的原因！

错误根源 #

你调用的是selection.snapshot(...)，而selection是你绘制在WebView上方的一个矩形控件：

• 默认它的填充是透明的，只有黑色虚线边框
• 即使按空格设置了白色填充，你快照的也只是这个矩形的内容，和下面的图片完全无关

修复方案 #

我们需要对WebView的内容进行区域快照，而不是选框本身。具体步骤：

1. 使用WebView.snapshot()方法代替选框的快照
2. 通过SnapshotParameters设置要截取的视口，也就是你选中的区域坐标和尺寸
3. 注意坐标匹配：WebView的鼠标事件坐标直接对应内容区域的坐标（在你的场景里，因为加载的是单张图片，没有滚动/缩放，所以可以直接用选框的X/Y/Width/Height）

修改后的完整代码 #

import java.io.File;
import java.io.IOException;
import javafx.application.Application;
import javafx.embed.swing.SwingFXUtils;
import javafx.geometry.Rectangle2D;
import javafx.scene.Scene;
import javafx.scene.SnapshotParameters;
import javafx.scene.image.WritableImage;
import javafx.scene.input.KeyCode;
import javafx.scene.input.KeyEvent;
import javafx.scene.layout.Pane;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
import javafx.scene.web.WebEngine;
import javafx.scene.web.WebView;
import javafx.stage.Stage;
import javax.imageio.ImageIO;

public class JavaFxSelectPlay extends Application {
    public static void main(String[] args) { launch(); }

    @Override
    public void start(Stage primaryStage) throws Exception {
        Pane root = new Pane();
        WebView wv = new WebView();
        WebEngine imgEngine = wv.getEngine();
        imgEngine.load("https://app.leadlock.pro/upload/69/1019/images/welcome.jpeg");

        final Rectangle selection = new Rectangle();
        wv.setOnMousePressed(event -> {
            selection.setX(event.getX());
            selection.setY(event.getY());
            selection.setFill(null);
            selection.setStroke(Color.BLACK);
            selection.getStrokeDashArray().add(10.0);
            if (!root.getChildren().contains(selection)) {
                root.getChildren().add(selection);
            }
        });

        wv.setOnMouseDragged(event -> {
            selection.setWidth(Math.abs(event.getX() - selection.getX()));
            selection.setHeight(Math.abs(event.getY() - selection.getY()));
            selection.setX(Math.min(selection.getX(), event.getX()));
            selection.setY(Math.min(selection.getY(), event.getY()));
        });

        wv.setOnMouseReleased(event -> {
            System.out.printf("X: %.2f, Y: %.2f, Width: %.2f, Height: %.2f%n", 
                selection.getX(), selection.getY(), selection.getWidth(), selection.getHeight());
        });

        wv.addEventFilter(KeyEvent.KEY_RELEASED, e1 -> {
            if (e1.getCode() == KeyCode.SPACE ) {
                selection.setFill(Color.WHITE);
            }
        });

        wv.setOnKeyPressed(keyEvent -> {
            if (keyEvent.getCode() == KeyCode.F5) {
                System.out.println("F5 pressed");
                // 关键修改：创建快照参数并设置视口为选中区域
                SnapshotParameters params = new SnapshotParameters();
                params.setViewport(new Rectangle2D(
                    selection.getX(), 
                    selection.getY(), 
                    selection.getWidth(), 
                    selection.getHeight()
                ));
                // 对WebView进行区域快照，而不是选框
                WritableImage image = wv.snapshot(params, null);
                
                File file = new File("C:/temp/snapshot.jpg");
                try {
                    ImageIO.write(SwingFXUtils.fromFXImage(image, null), "jpg", file);
                    System.out.println("Snapshot saved successfully!");
                } catch (IOException e) {
                    e.printStackTrace(); // 替换TODO，打印异常便于调试
                }
            }
        });

        root.getChildren().add(wv);
        Scene scene = new Scene(root, 300, 200);
        primaryStage.setScene(scene);
        primaryStage.setTitle("Image Select & Save");
        primaryStage.show();
    }
}

额外优化点 #

• 添加了if (!root.getChildren().contains(selection))避免重复添加选框
• 替换空的异常处理为e.printStackTrace()，方便调试保存时的错误
• 重命名了变量Img为imgEngine，更符合Java命名规范

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