Question

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

我正在使用WebView（这是JFXPanel的场景）来加载网站，然后通过

保存它

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

（其中“scene”是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;
}

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

完成JFXPanel图像

1 个答案: