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

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

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

1、html2image【java】

转自：/article/3526580.html

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

/article/4061530.html

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