Html2Image转换html成图片的一些坑

　　在将html转成图片这个领域，Html2Image这个工具使用率是不低的。但是这个工具有个明显的坑。

　　一、当你的html页面引入外部的CSS文件以及JS文件，生成的图片是无法带有这些动态效果的。也就是说，它不支持复杂的动态特性，只能支持写在html代码里的css效果。

　　二、当html代码里带有图片时，生成的程序必须有一定的等待时间，否则生成的图片就会是这样的

如果你不想得到这样的图片，你需要设法在代码生成图片前让程序等待一会，比如Thread.sleep(8000);

package htmlToImg;

import gui.ava.html.image.generator.HtmlImageGenerator;

public class HtmlToImgTest {
    public static void main(String[] args) {
        HtmlImageGenerator imageGenerator = new HtmlImageGenerator();
//        String html = "<div class="header"><ul class="nav"><li><a href="/getAllQuestion">题库管理</a>"
//        + "<ul class="second-nav"><li style="display:inline-block;800px;height:250px"><a href="/getAllQuestion">题目列表</a></li><li><a href="/getQuestion">查找题目</a></li><li><a href="/addQuestionPage">增加题目</a></li>"
//        + "<li style="display: none"><a href="#">编辑题目</a></li><li style="display: none"><a href="#">删除题目</a></li></ul></li></ul></div>";
//        String html = "<p class="tiy"><a target="_blank" href="/tiy/t.asp?f=csse_font_size_em_percent">亲自试一试</a></p>";
        String html = "<div style=" 500px; height: 500px;"><img src="http://car0.autoimg.cn/upload/spec/8090/u_20101129100303187264.jpg" width="350" height="233"><a href="#" style="color: red;">testImage</a></div>";
        imageGenerator.loadHtml(html);
        try {
//            Thread.sleep(5000);
            imageGenerator.getBufferedImage();
            Thread.sleep(8000);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
        imageGenerator.saveAsImage("d:/car.png");
        imageGenerator.saveAsHtmlWithMap("hello-world.html", "d:/car.png");
        System.out.println("finish");
    }
}

这样就得到了正常显示的图片了

　　初步估计是工具加载流未完成就进行图片的生成以及保存工作，具体原因有时间再深究，先记录下这个API的一些小瑕疵。