JavaFX 2.0+ WebView/WebEngine визуализирует веб-страницу изображения
Я ищу способ загрузки страницы и сохранения рендеринга как изображения так же, как с CutyCapt (QT + webkit EXE, чтобы сделать именно это).
В настоящий момент и без JavaFX я делаю это, вызывая внешний процесс из java и рендеринга в файл, чем загружая этот файл в ImageBuffer... Ни очень оптимизированная, ни практичная, а тем более кросс-платформа...
С помощью JavaFX2 + я попытался сыграть с WebView и WebEngine:
public class WebComponentTrial extends Application {
private Scene scene;
@Override
public void start(final Stage primaryStage) throws Exception {
primaryStage.setTitle("Web View");
final Browser browser = new Browser();
scene = new Scene(browser, 1180, 800, Color.web("#666970"));
primaryStage.setScene(scene);
scene.getStylesheets().add("webviewsample/BrowserToolbar.css");
primaryStage.show();
}
public static void main(final String[] args) {
launch(args);
}
}
class Browser extends Region {
static { // use system proxy settings when standalone application
// System.setProperty("java.net.useSystemProxies", "true");
}
final WebView browser = new WebView();
final WebEngine webEngine = browser.getEngine();
public Browser() {
getStyleClass().add("browser");
webEngine.load("http://www.google.com/");
getChildren().add(browser);
}
@Override
protected void layoutChildren() {
final double w = getWidth();
final double h = getHeight();
layoutInArea(browser, 0, 0, w, h, 0, HPos.CENTER, VPos.CENTER);
}
@Override
protected double computePrefWidth(final double height) {
return 800;
}
@Override
protected double computePrefHeight(final double width) {
return 600;
}
}
Существует устаревший метод: renderToImage
в Scene
(см. ссылки ниже), который будет делать что-то, что приближается и с которым я мог бы работать, но он устарел...
Он устарел в JavaFX, по-видимому, означает, что нет javadoc для рекламы метода замещения, и потому что у меня нет доступа к коду, я не вижу, как это было сделано...
Вот несколько сайтов, где я нашел некоторую информацию, но ничего не отображал веб-страницу для изображения:
http://tornorbye.blogspot.com/2010/02/how-to-render-javafx-node-into-image.html
canvasImage
и saveImage(canvasImage, fc.getSelectedFile())
из этого:
http://javafx.com/samples/EffectsPlayground/src/Main.fx.html
Другие:
http://download.oracle.com/javafx/2.0/webview/jfxpub-webview.htm
http://download.oracle.com/javafx/2.0/get_started/jfxpub-get_started.htm
http://fxexperience.com/2011/05/maps-in-javafx-2-0/
Ответы
Ответ 1
Я сделал это, запустив JavaFX WebView на Swing JFrame и JFXPanel. И затем я использую метод paint() на JFXPanel, когда статус WebEngine SUCCEEDED.
Вы можете следовать этому руководству, чтобы сделать WebView: Интеграция JavaFX в приложения Swing
В приведенном ниже коде показано, как я могу захватить отображаемый экран из JFXPanel.
public static void main(String args[]) {
jFrame = new JFrame("Demo Browser");
jfxPanel = new JFXPanel();
jFrame.add(jfxPanel);
jFrame.setVisible(true);
jFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
SwingUtilities.invokeLater(new Runnable() {
@Override
public void run() {
Platform.runLater(new Runnable() {
@Override
public void run() {
browser = new FXBrowser();
jfxPanel.setScene(browser.getScene());
jFrame.setSize((int) browser.getWebView().getWidth(), (int) browser.getWebView().getHeight());
browser.getWebEngine().getLoadWorker().stateProperty().addListener(
new ChangeListener() {
@Override
public void changed(ObservableValue observable,
Object oldValue, Object newValue) {
State oldState = (State) oldValue;
State newState = (State) newValue;
if (State.SUCCEEDED == newValue) {
captureView();
}
}
});
}
});
}
});
}
private static void captureView() {
BufferedImage bi = new BufferedImage(jfxPanel.getWidth(), jfxPanel.getHeight(), BufferedImage.TYPE_INT_ARGB);
Graphics graphics = bi.createGraphics();
jfxPanel.paint(graphics);
try {
ImageIO.write(bi, "PNG", new File("demo.png"));
} catch (IOException e) {
e.printStackTrace();
}
graphics.dispose();
bi.flush();
}
Ответ 2
Для пользователей JavaFX 2.2 существует гораздо более чистое и элегантное решение на основе моментального снимка JavaFX Node. Вы можете посмотреть документацию JavaFX Node по адресу:
http://docs.oracle.com/javafx/2/api/javafx/scene/Node.html
Вот пример взятия захвата из WebView Node (как webView)
File destFile = new File("test.png");
WritableImage snapshot = webView.snapshot(new SnapshotParameters(), null);
RenderedImage renderedImage = SwingFXUtils.fromFXImage(snapshot, null);
try {
ImageIO.write(renderedImage, "png", destFile);
} catch (IOException ex) {
Logger.getLogger(GoogleMap.class.getName()).log(Level.SEVERE, null, ex);
}
У меня не было проблем с этим решением, и веб-просмотр отлично отображается в PNG в соответствии с размером Node. Любой JavaFx Node может быть отображен и сохранен в файле с помощью этого метода.
Надеюсь на эту помощь!
Ответ 3
Временное решение, отправленное инженерами JavaFX: Снимок не работает с (невидимыми) узлами WebView.
При съемке сцены, содержащей WebView node, подождите не менее 2 кадров перед выдачей snapshot. Это можно сделать, используя счетчик в AnimationTimer, чтобы пропустить 2 импульса и сделать снимок на третьем пульсе.
После того, как вы получили свой снимок, вы можете преобразовать изображение в awt BufferedImage и закодировать изображение в формате, например png или jpg, используя ImageIO.