Java或其他技术 将html转化成图片？

如何使用Java或其他技术将html转换为图片呢？知道的朋友交流一下~

网上找了一下，发现几种方法。

1、html2image【java】

转自：http://my.oschina.net/longniao/blog/84236

html2image：http://code.google.com/p/java-html2image/

jar包下载地址：http://code.google.com/p/java-html2image/downloads/list

 

HtmlImageGenerator imageGenerator = new HtmlImageGenerator();imageGenerator.loadHtml("<b>Hello World!</b> Please goto <a title=\"Goto Google\" href=\"http://www.google.com\">Google</a>.");imageGenerator.saveAsImage("hello-world.png");imageGenerator.saveAsHtmlWithMap("hello-world.html", "hello-world.png");

 

HtmlImageGenerator Methods
loadUrl(url) - Loads HTML from URL object or URL string. (从url载入html)
loadHtml(html) - Loads HTML source. (载入本地html)
saveAsImage(file) - Save loaded HTML as image. (以图片形式保存html)
saveAsHtmlWithMap(file, imageUrl) - Creates an HTML file containing client-side image-map <map> generated from HTML's links. (创建一个HTML文件包含客户端image-map)
getLinks() - List all links in the HTML document and their corresponding href, target, title, position and dimension. (列出所有在HTML文档的链接和相应href、目标、头衔、位置和尺寸)
getBufferedImage() - Get AWT buffered image of the HTML. (获得awt,html缓冲后的图片)
getLinksMapMarkup(mapName) - Get HTML snippet of the client-side image-map <map> generated from the links. (HTML代码段里获得的客户端image-map <地图>产生的链接)
get/setOrientation(orientation) - Get/Set document orientation (left-to-right or right-to-left). (get/set文本定位)
get/setSize(dimension) - Get/Set size of the generated image. (设置生成图片大小)

 

测试结果：不支持相对路径链接图片，排版错乱。

 

2、纯Java  http://www.tuicool.com/articles/2yAryy

 

Java中江HTML片段转换为图片，不需要调用额外的jar包，支持css，但写在style之间的css和外置的css文件不受支持，只能写在标签上。   

知道不支持外置css文件就没测试了。

示例代码：  

 

import java.awt.Color;import java.awt.Dimension;import java.awt.Graphics;import java.awt.Graphics2D;import java.awt.image.BufferedImage;import java.io.ByteArrayOutputStream;import javax.swing.JTextPane;import javax.swing.border.EmptyBorder;import javax.swing.plaf.basic.BasicEditorPaneUI;import com.sun.image.codec.jpeg.JPEGCodec;import com.sun.image.codec.jpeg.JPEGEncodeParam;import com.sun.image.codec.jpeg.JPEGImageEncoder;import com.xxx.util.FileUtil;/** * HTML转换图片的方式 * *  */public class HTML2Picture {    public static int DEFAULT_IMAGE_WIDTH = 730;    public static int DEFAULT_IMAGE_HEIGHT = 700;    public static boolean paintPage(Graphics g, int hPage, int pageIndex,            JTextPane panel) {        Graphics2D g2 = (Graphics2D) g;        Dimension d = ((BasicEditorPaneUI) panel.getUI())                .getPreferredSize(panel);        double panelHeight = d.height;        double pageHeight = hPage;        int totalNumPages = (int) Math.ceil(panelHeight / pageHeight);        g2.translate(0f, -(pageIndex - 1) * pageHeight);        panel.paint(g2);        boolean ret = true;        if (pageIndex >= totalNumPages) {            ret = false;            return ret;        }        return ret;    }    /**     * html转换为ｊｐｅｇ文件     *      * @param bgColor     *            图片的背景色     * @param html     *            html的文本信息     * @param width     *            显示图片的Ｔｅｘｔ容器的宽度     * @param height     *            显示图片的Ｔｅｘｔ容器的高度     * @param eb     *            設置容器的边框     * @return     * @throws Exception     */    private static void html2jpeg(Color bgColor, String html, int width,            int height, EmptyBorder eb) throws Exception {        JTextPane tp = new JTextPane();        tp.setSize(width, height);        if (eb == null) {            eb = new EmptyBorder(0, 50, 0, 50);        }        if (bgColor != null) {            tp.setBackground(bgColor);        }        if (width <= 0) {            width = DEFAULT_IMAGE_WIDTH;        }        if (height <= 0) {            height = DEFAULT_IMAGE_HEIGHT;        }        tp.setBorder(eb);        tp.setContentType("text/html");        tp.setText(html);        int pageIndex = 1;        boolean bcontinue = true;        while (bcontinue) {            BufferedImage image = new java.awt.image.BufferedImage(width,                    height, java.awt.image.BufferedImage.TYPE_INT_RGB);            Graphics g = image.getGraphics();            g.setClip(0, 0, width, height);            bcontinue = paintPage(g, height, pageIndex, tp);            g.dispose();            ByteArrayOutputStream baos = new ByteArrayOutputStream();            JPEGImageEncoder encoder = JPEGCodec.createJPEGEncoder(baos);            JPEGEncodeParam param = encoder.getDefaultJPEGEncodeParam(image);            param.setQuality(1.0f, false);            encoder.setJPEGEncodeParam(param);            encoder.encode(image);            byte[] bytes = baos.toByteArray();            baos.close();            FileUtil.writeBinFile("C:\123.jpg", bytes);            pageIndex++;        }    }    public static void main(String[] args) throws Exception {        html2jpeg(Color.white, FileUtil.readAscFile("C:\table.html"),                DEFAULT_IMAGE_WIDTH, DEFAULT_IMAGE_WIDTH, new EmptyBorder(0, 0,                        0, 0));        System.out.println("over!");    }}

3、html2canvas 【JS截图技术】

官网：http://html2canvas.hertzen.com/

测试结果：相对前面2种较好，支持图片、css外链等样式。缺点是有些还是不能正常排版。

api文档：http://html2canvas.hertzen.com/documentation.html

 

 4、DJNativeSwing  模拟浏览器截图  【待研究 】

 

 5、在windows环境下，可以考虑这个工具软件来抓页面截图：
IECapt.exe 

测试结果：还可以，就是功能比较少，可以完成网页截图，缺点：不能控制图片大小

在linux环境下，可以考虑这个工具软件来抓页面截图：
HTML2Image

http://kennychen.iteye.com/blog/807832

 

6、JS生成缩略图

①、 <script   language="JavaScript">  
  <!--  
  var   flag=false;  
  function   DrawImage(ImgD){  
        var   image=new   Image();  
        image.src=ImgD.src;  
        if(image.width>0   &&   image.height>0){  
          flag=true;  
          if(image.width/image.height>=   360/270){  
            if(image.width>360){      
            ImgD.width=360;  
            ImgD.height=(image.height*360)/image.width;  
            }else{  
            ImgD.width=image.width;      
            ImgD.height=image.height;  
            }  
            ImgD.alt=image.width+"×"+image.height;  
            }  
          else{  
            if(image.height>270){      
            ImgD.height=270;  
            ImgD.width=(image.width*270)/image.height;            
            }else{  
            ImgD.width=image.width;      
            ImgD.height=image.height;  
            }  
            ImgD.alt=image.width+"×"+image.height;  
            }  
          }  
  }    
  //-->  
  </script>  
<img src="1.png"   onload="javascript:DrawImage(this);"  />

②、    <script type="text/javascript" language="javascript">
        var flag = false;
        function DrawImage(ImgD) {            
            var image = new Image();
            image.src = ImgD.src;
            if (image.width > 0 && image.height > 0) {
                flag = true;
                if (image.width / image.height >= 164 / 112) {
                    if (image.width > 164) {
                        ImgD.width = 164;
                        ImgD.height = (image.height * 164) / image.width;
                    } else {
                        ImgD.width = image.width;
                        ImgD.height = image.height;
                    }
                    ImgD.alt = image.width + "×" + image.height;
                }
                else {
                    if (image.height > 35) {
                        ImgD.height = 35;
                        ImgD.width = (image.width * 35) / image.height;
                    } else {
                        ImgD.width = image.width;
                        ImgD.height = image.height;
                    }
                    ImgD.alt = image.width + "×" + image.height;
                }
            }
        }
    </script>

<input type="button" value="生成缩略图" onclick="DrawImage(this.nextSibling)" /><img src="1.png" border="0" >

 7、待研究icepdf  xhtmlrenderer  http://download.csdn.net/detail/Altered/3094060#comment