完成JFXPanel到图像

Question

我想拍一个没有任何视频的网站快照，所以它只是一些css和图片的纯文本。

我使用WebView (这是JFXPanel的场景)加载网站，然后通过

WritableImage image = scene.snapshot(new WritableImage(1920, 1080));
BufferedImage bufferedImage = SwingFXUtils.fromFXImage(image, null);
ImageIO.write(bufferedImage, "png", file);

(其中“场景”是JFXPanel的场景)

但是保存的图像只是显示网站的一部分，而不是完整的内容(见图)。

​

​

如何确保/强制执行图像的维数与JFXPanel内容的维数相匹配，并且所有内容都是可见的？

完整守则：

package renderer;
import javafx.application.Application;
import javafx.application.Platform;
import javafx.beans.value.ChangeListener;
import javafx.beans.value.ObservableValue;
import javafx.concurrent.Worker;
import javafx.embed.swing.JFXPanel;
import javafx.embed.swing.SwingFXUtils;
import javafx.scene.Scene;
import javafx.scene.image.WritableImage;
import javafx.scene.web.WebView;
import javafx.stage.Stage;

import javax.imageio.ImageIO;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import java.util.List;

public class HtmlRenderer extends Application {
    private JFXPanel jfxPanel;
    private WebView webView;

    public void start(Stage stage) {
        jfxPanel = new JFXPanel();
        webView = new WebView();

        webView.getEngine().getLoadWorker().stateProperty().addListener(
                new ChangeListener<Worker.State>() {
                    @Override
                    public void changed(ObservableValue ov, Worker.State oldState, Worker.State newState) {
                        if (newState == Worker.State.SUCCEEDED) {
                            HtmlRenderer.this.toImage(jfxPanel.getScene());
                            try {
                                Platform.exit();
                                HtmlRenderer.this.stop();
                            } catch (Exception e) {
                                e.printStackTrace();
                            }
                        }
                    }
                });

        jfxPanel.setScene(new Scene(webView));

        this.updateView("http://www.stackoverflow.com/");
    }

    private void toImage(Scene scene) {
        WritableImage image = scene.snapshot(new WritableImage(1920, 1080));

        // TODO: save in matching dir using proper filename
        File file = new File("D:/workspace/SiteChecker/test.png");

        try {
            BufferedImage bufferedImage = SwingFXUtils.fromFXImage(image, null);
            ImageIO.write(bufferedImage, "png", file);
        } catch (IOException e) {
            // TODO: exception handling
        }
    }

    public void updateView(String url) {
        webView.getEngine().load(url);
    }

    private void reloadView() {
        webView.getEngine().reload();
    }

}

Answer 1

所以我找到了一个解决方案，但这还远不是完美的，也不是真正的芳香剂。然而，没有什么对我有用。诀窍是加载网站一次，确定网站的宽度和高度。第二次，我将Webview的首选大小设置为确定的值，并再次使用新的大小加载网站。我认为这是因为第一次只有可见的部分被渲染。

宽度和高度可以用javascript确定，例如：

private int getPageWidth(WebView webView) {
    String script = "Math.max(" +
            "document.body.scrollWidth, document.body.offsetWidth," +
            "document.documentElement.clientWidth, document.documentElement.scrollWidth," +
            "document.documentElement.offsetWidth );";

    WebEngine engine = webView.getEngine();

    int maxWidth = (int) engine.executeScript(script);
    return maxWidth;
}

由于某些原因，有些网站有一个有趣的结尾/底部，即有很多空空间。