如何从 JEditorPane 中获取 BufferedImage？答案

【问题标题】：How To Take A BufferedImage From JEditorPane?如何从 JEditorPane 中获取 BufferedImage？
【发布时间】：2021-04-05 16:56:09
【问题描述】：

我需要将一个 URL 加载到 JEditorPane 中，然后从 JEditorPane 中获取一个 BufferedImge，我下面的代码将为我提供一个空白/黑色图像：

import java.awt.*;
import java.awt.image.*;
import javax.imageio.*;
import javax.swing.JEditorPane;
import javax.swing.JFrame;
import javax.swing.text.html.*;
import java.io.*;

public class Html_Browser
{
  public static void main(String[] args)
  {
    Dimension screenSize=Toolkit.getDefaultToolkit().getScreenSize();
    JEditorPane editorPane=new JEditorPane();
    editorPane.setEditorKit(new HTMLEditorKit());
    editorPane.setEditable(false);

    try
    {
      editorPane.setPage("https://news.yahoo.com/");
      Thread.sleep(3000);
      BufferedImage saveimg=new BufferedImage((int)screenSize.getWidth(),(int)screenSize.getHeight()-36,BufferedImage.TYPE_INT_RGB);
      Graphics2D g2=saveimg.createGraphics();
      editorPane.paint(g2); 
      ImageIO.write(saveimg,"png",new File("test.png"));
    }
    catch (Exception e)
    {
      editorPane.setContentType("text/html");
      editorPane.setText("<html>Connection issues!</html>");
    }
    
    JFrame frame=new JFrame();
    frame.getContentPane().add(editorPane);
    frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    frame.setBounds(0,0,(int)screenSize.getWidth(),(int)screenSize.getHeight()-36);
    frame.setLocationRelativeTo(null);
    frame.setVisible(true);
  }
}

我添加了 3 秒的延迟，但没有奏效，正确的做法是什么？

【问题讨论】：

您需要 1) 在事件线程上加载 Swing 应用程序，以及 2) 摆脱 Thread.sleep，因为它会阻止 Swing GUI 更新和绘图，并且完全没有任何优势。如果您需要延迟，请使用 Swing Timer，或者使用 SwingWorker 加载网页，并在工作人员完成工作后在 done() 回调方法中收集图像。
您还需要渲染组件才能创建图像。这意味着它应该首先显示，然后绘制图像。

标签： java swing bufferedimage jeditorpane

【解决方案1】：

您试图在渲染 GUI 之前绘制一个组件，包括该组件，但这是行不通的。建议包括：

使用SwingUtilities.invokeLater() 在 Swing 事件线程上加载 GUI
使用 SwingWorker 在后台线程中加载任何 Web 数据。或者在创建 Swing GUI 之前在主线程中获取网页，然后将其传递到 Swing GUI。
仅在网页加载且 GUI 呈现（可见）后创建图像
摆脱所有Thread.sleep 呼叫。这些不是你的朋友，只会阻碍 Swing GUI 渲染。

例如：

import java.awt.BorderLayout;
import java.awt.Dimension;
import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import java.net.URL;

import javax.imageio.ImageIO;
import javax.swing.*;

public class EditorStuff extends JPanel {
    private static final String URL_PATH = "https://docs.oracle.com/javase/tutorial/index.html";
    private JEditorPane editorPane;

    public EditorStuff(URL url) throws IOException {
        int w = 800;
        int h = 650;
        setPreferredSize(new Dimension(w, h));
        editorPane = new JEditorPane(url);
        // editorPane.setPage(url);
        JScrollPane scrollPane = new JScrollPane(editorPane);

        setLayout(new BorderLayout());
        add(scrollPane);
    }

    public void captureImage() throws IOException {
        int w = editorPane.getWidth();
        int h = editorPane.getHeight();
        BufferedImage img = new BufferedImage(w, h, BufferedImage.TYPE_INT_ARGB);
        Graphics2D g2 = img.createGraphics();
        editorPane.paint(g2);
        ImageIO.write(img, "png", new File("test.png"));
        g2.dispose();
    }

    public static void main(String[] args) {
        try {
            URL url = new URL(URL_PATH);
            SwingUtilities.invokeLater(() -> createAndShowGui(url));
        } catch (IOException ioEx) {
            ioEx.printStackTrace();
        }
    }

    private static void createAndShowGui(final URL url) {
        try {
            EditorStuff mainPanel = new EditorStuff(url);
            JFrame frame = new JFrame("EditorStuff");
            frame.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);
            frame.add(mainPanel);
            frame.pack();
            frame.setLocationByPlatform(true);
            frame.setVisible(true);
            mainPanel.captureImage();  // called *after* rendering
        } catch (IOException ioEx) {
            ioEx.printStackTrace();
        }
    }
}

【讨论】：

任何示例代码？ - 很多。搜索网站。您应该找到 SwingWorker 的示例或使用 SwingWorker 的 Swing 教程的链接。
不适用于“stackoverflow.com”。即使在 EDT 上启动了 I/O，也不会在 EDT 上完成所有 I/O。我相信原始 HTML 文件可能在 setPage(...) 方法返回之前最初被读取，但是，从 MTHL 中指定的任何其他链接读取图像和文件仍然需要更多读取。您不知道所有文件的 I/O 何时完成以及渲染何时完成。最好的选择是让用户在呈现 HTML 时单击按钮。

【解决方案2】：

您也许可以使用这种方法。

它修改了编辑器窗格以同步读取所有文件。然后在 I/O 完成时生成一个PropertyChanngeEvent。

import java.awt.*;
import java.awt.event.*;
import java.beans.*;
import java.io.*;
import java.net.*;
import javax.swing.*;
import javax.swing.text.*;
import javax.swing.text.html.*;
import java.awt.image.*;

public class EditorPaneLoadSynchronously extends JFrame
    implements ActionListener, PropertyChangeListener
{
    private JEditorPane html;
    private JTextField webURL;

    public EditorPaneLoadSynchronously()
    {
        JPanel urlPanel = new JPanel();
        getContentPane().add(urlPanel, BorderLayout.NORTH);

        webURL = new JTextField("https://stackoverflow.com", 15);
        webURL.addActionListener(this);
        urlPanel.add(webURL);

        JButton gotoURL = new JButton("Goto URL");
        gotoURL.addActionListener(this);
        urlPanel.add(gotoURL);

        HTMLEditorKit editorKit = new HTMLEditorKit()
        {
            private final ViewFactory factory = new HTMLFactory()
            {
                public View create(Element elem)
                {
                    View v = super.create(elem);

                    if ((v != null) && (v instanceof ImageView))
                    {
                        ((ImageView)v).setLoadsSynchronously( true );
                    }

                    return v;
                }
            };

            public ViewFactory getViewFactory()
            {
                return factory;
            }
        };

        html = new JEditorPane();
//      html.setEditorKit( editorKit );
//      html.setEditable( false );
        html.addPropertyChangeListener("page", this);

        JScrollPane scrollPane = new JScrollPane(html);
        scrollPane.setPreferredSize( new Dimension(400, 400) );
        getContentPane().add(scrollPane);
    }

    public void actionPerformed(ActionEvent e)
    {
        try
        {
//          html.setDocument( new HTMLDocument() );
            html.setPage( new URL(webURL.getText()) );
            System.out.println("After setPage");
        }
        catch(Exception exc)
        {
            System.out.println(exc);
        }
    }

    public void propertyChange(PropertyChangeEvent e)
    {
        try
        {
            System.out.println("Page Loaded");
//          BufferedImage bi = ScreenImage.createImage(html);
//          ScreenImage.writeImage(bi, "sync.jpg");
        }
        catch(Exception ee) {}
    }

    private static void createAndShowGUI()
    {
        EditorPaneLoadSynchronously frame = new EditorPaneLoadSynchronously();
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.pack();
        frame.setLocationByPlatform( true );
        frame.setVisible( true );

        frame.actionPerformed(null);
    }

    public static void main(String[] args) throws Exception
    {
        java.awt.EventQueue.invokeLater( () -> createAndShowGUI() );
    }
}

注意：以上代码使用Screen Image 便利类。您可以将其替换为您唯一的代码来创建和编写 BufferedImage。

【讨论】：

太好了，这超出了我的要求，谢谢。但是我注意到了一些事情，当应用程序运行时，我收到了一些错误消息： setPage [ERROR] EXCEPTION java.lang.IllegalArgumentException: URLDecoder: Illegal hex characters in escape (%) pattern - For input string: ", " at java.net.URLDecoder.decode(URLDecoder.java:194) at com.inet.html.utils.URLUtils.decode(URLUtils.java:81) ...java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor. java:624) 在 java.lang.Thread.run(Thread.java:748) 页面加载
@Frank，不确定是什么问题。但是，您需要记住，JEditorPane 只会显示 HTML3.2 的子集，不会准确显示任何当前网页。
是的，我对最新的 Java 无法正确显示/解析最新的 html 感到不安。但我很高兴看到您的解决方案，效果很好，谢谢！