逃不开的话题，移动端/H5展示PDF问题

项目需要APP/H5对用户展示带有CA认证电子签章和签名的PDF。单纯展示PDF应该对两端来说都不是什么问题，只要是对于合同上的电子签章和电子签名，普通方式打开PDF电子签章和签名不会显示， 需要显示就算下载也需要第三方的PDF工具支持，H5没有浏览器插件支持也是无可奈何。

经过讨论解决方案两种：1.PDF转H5  2：PDF转 image.

将成型文件直接渲染转换成图片。第二种方法可行性更高，适用场景更好。

google找了几种解决方案，最终还是以pdfbox https://pdfbox.apache.org/ apache出品为准。稳定性也是需要考虑的。

/**
 * 把pdf的所有也转化成一张张图片
 * 
 * @param pdfFileName 文件名称
 * @param outpath 图片路径
 */
private static void pdftoImage(String pdfFileName, String outpath, String formatName) {
    try {
        long start = System.currentTimeMillis();  
        PDDocument document = PDDocument.load(new File(pdfFileName));
        // 可以指定内存大小
        // PDDocument document = PDDocument.load(new File(pdfFileName),(String)null);
        PDFRenderer pdfRenderer = new PDFRenderer(document);

        List<BufferedImage> imageStreamList = new ArrayList<BufferedImage>();
        int pageCounter = document.getNumberOfPages();
        for (int i = 0; i < pageCounter; i++) {
            //TODO DPI设置 
            BufferedImage bim = pdfRenderer.renderImageWithDPI(i, 100, ImageType.RGB);
            imageStreamList.add(bim);
        }
        document.close();
        
        generateImage(imageStreamList, outpath, formatName);
        
        long end = System.currentTimeMillis();  
        System.out.println(end-start);  
    } catch (IOException e) {
        e.printStackTrace();
    }
}

上述将PDF转成一张张图片流，剩下的应该就简单了：

    /**
 * 把所有的图片竖向追加在一起 
 * @param imageStreamList 文件数据流
 * @param outPath   图片输出路径
 */
public static void generateImage(List<BufferedImage> imageStreamList, String outPath, String formatName) {
    if (imageStreamList == null || imageStreamList.size() <= 0) {
        return;
    }
    try {
        //总高度
        int height = 0;
        //总宽度
        int width = 0;
        //临时高度 , 或保存偏移高度
        int _height = 0;
        //临时高度，主要保存每个高度
        int __height = 0;
        
        //图片文件流的数量，图片数量
        int picNum = imageStreamList.size();
        //保存读取出的图片
        File fileImg = null;
        //保存每个文件的高度
        int[] heightArray = new int[picNum];
        
        //保存图片流
        BufferedImage buffer = null; 
        //保存所有的图片的RGB
        List<int[]> imgRGB = new ArrayList<int[]>(); 
        
        //保存每张图片RGB数据
        int[] _imgRGB; 
        for (int i = 0; i < picNum; i++) {
            buffer = imageStreamList.get(i);
            //图片高度
            heightArray[i] = _height = buffer.getHeight();
            //获取第一张图片宽度，最终的图片以此为准
            if (i == 0) {
                width = buffer.getWidth();
            }
            //获取总高度
            height += _height;
            
            _imgRGB = new int[width * _height];
            //计算图片RGB值
            _imgRGB = buffer.getRGB(0, 0, width, _height, _imgRGB, 0, width);
            imgRGB.add(_imgRGB);
        }
        //设置偏移高度为0
        _height = 0; 
        //生成新图片，定义图片的宽度和高度
        BufferedImage renderedImage = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
        
        //把RGB数据按照顺序填充到图片
        for (int i = 0; i < picNum; i++) {
            __height = heightArray[i];
            if (i != 0)
                _height += __height; 
            renderedImage.setRGB(0, _height, width, __height, imgRGB.get(i), 0, width);
        }
        
        ImageIO.write(renderedImage, formatName, new File(outPath));// 写图片
    } catch (Exception e) {
        e.printStackTrace();
    }
}

处理留当然也可以用更简洁的方式 使用Graphics去drawImage。方法很多基本上都是一个道理。

这样就解决了。APP，H5显示带电子签章的PDF的问题，对于H5和APP的定位就是浏览，PDF下载还是交给网站端吧。