Angularjs ui-grid pdfmake.js 导出excel/pdf及pdf中文问题

ui-grid使用介绍看这篇博客：http://my.oschina.net/gmd/blog/670895

一. 处理Angularjs ui-grid 导出pdf 无法显示中文问题：

第一步：pdfmake 自定义支持中文的字体

   pdfmake 官网 ： http://pdfmake.org/#/

   pdfmake自定义字体：https://github.com/bpampuch/pdfmake/wiki/Custom-Fonts---client-side

需要下载node.js，然后下载bower，然后下载这个pdfmake的zip并解压，再安装grunt，在pdfmake这个目录下执行grunt dump_dir命令,但是你会发现缺少各种grunt插件，然后你要一个一个安装grunt插件。最后把你想要的支持中文的ttf文件放到pdfmake的examples\fonts目录下，然后执行grunt dump_dir命令，它不报错的情况下会把ttf文件加到build/vfs_fonts.js文件中，然后将vfs_fonts.js拷贝到工程中在html中引入这个js。

第二步： 引入js

pdfmake.min.js  导出pdf插件

vfs_fonts.js 就是第1步自定义的字体js文件

<!-- ui-grid export -->
	<script src="../pdfmake/pdfmake.min.js"></script>
	<script src="../pdfmake/vfs_fonts.js"></script>
	<script src="../ui-grid/csv.js"></script>

第三步： 在你调用createPdf方法执行以下js，注：simblack是自定义的字体。

window.pdfMake.fonts={
 simblack: {
  normal: ''simpleblack.ttf'',
  bold: ''simpleblack.ttf'',
  italics: ''simpleblack.ttf'',
  bolditalics: ''simpleblack.ttf''
 },
 Roboto: {
  normal: ''Roboto-Regular.ttf'',
  bold: ''Roboto-Medium.ttf'',
  italics: ''Roboto-Italic.ttf'',
  bolditalics: ''Roboto-Italic.ttf''
}
}

第四步： 定义gridOptions 时指定字体为simblack：

 exporterPdfDefaultStyle : {font:''simblack'',fontSize: 9}

Aspose.Pdf for Java 11.8.0，PDF到PDFA的转换

Aspose.Pdf for Java 11.8.0发布了，实现了pdf到pdfa的转换功能。修复了以前版本中的一些问题，PDF格式为PDF/ A，PDF格式为HTML，PDF格式为DOC，打印问题iSeries及其他。详情可查看Aspose.Pdf for Java 11.8.0 发行说明。

改进：

• PDF转换为PDFA：在此版本中改善了PDF图像逻辑的转换，即固定了大量的PDFA图像相关的问题。

• 在非Windows操作系统的打印问题：在非Windows操作系统的打印问题：

• 公共API的变化：基本的API变化是删除接口命名空间。

            类com.aspose.XFA：public HashMap<String, String> getFieldsWithTextValuesMap()

            类com.aspose.pdf.PdfFormatConversionOptions:

            public boolean isLowMemoryMode()

            public void setLowMemoryMode(boolean value)

            类com.aspose.pdf.FontSubstitution:

            public FontDefinition getSubstitutionFontDefinition()

更多详情可查阅：Home page for Aspose.Pdf for Java

Aspose.Pdf 是一个 PDF 组件，用来生成 PDF 文档而无需 Adobe Acrobat 支持。提供 .NET 和 Java 语言两种版本。

javascript – 如何使用jsPDF在PDF中以两页显示图像？

我有一个HTML页面.我有一个按钮,当我单击此按钮时,它将使用html2canvas将整个html页面转换为数据图像,并使用jsPDF库将其放入PDF.
我正在使用的javascript是

$("#printButton").click(function(){
html2canvas([document.getElementById('form1')], {
        onrendered: function (canvas) {
            var imageData = canvas.toDataURL('image/jpeg',1.0); 
           var doc = new jsPDF('landscape');
           doc.addImage(imageData,'JPEG',5,20,200,150);
           doc.save('Test.pdf');
     }
    });
});

它仅在第一页显示图像.但是每当html页面大小更多时,我想剪切图像数据并将其放在PDF格式的两页中.
请帮我解决这个问题.

解决方法:

这可能不是完美的答案,但仍然有效

                $("#btnSaveAsPDF").click(function () {
                html2canvas($("#tblSaveAsPdf_canvas"), {
                onrendered: function (canvas) {
                var imageData = canvas.toDataURL("image/jpeg");
                var image = new Image();
                image = Canvas2Image.convertToJPEG(canvas);
                var doc = new jsPDF();
                doc.addImage(imageData, 'JPEG', 12, 10);
                var croppingYPosition = 1095;
                count = (image.height) / 1095;

                for (var i =1; i < count; i++) {
                        doc.addPage();
                        var sourceX = 0;
                        var sourceY = croppingYPosition;
                        var sourceWidth = image.width;
                        var sourceHeight = 1095;
                        var destWidth = sourceWidth;
                        var destHeight = sourceHeight;
                        var destX = 0;
                        var destY = 0;
                        var canvas1 = document.createElement('canvas');
                        canvas1.setAttribute('height', destHeight);
                        canvas1.setAttribute('width', destWidth);                         
                        var ctx = canvas1.getContext("2d");
                        ctx.drawImage(image, sourceX, 
                                             sourceY,
                                             sourceWidth,
                                             sourceHeight, 
                                             destX, 
                                             destY, 
                                             destWidth, 
                                             destHeight);
                        var image2 = new Image();
                        image2 = Canvas2Image.convertToJPEG(canvas1);
                        image2Data = image2.src;
                        doc.addImage(image2Data, 'JPEG', 12, 10);
                        croppingYPosition += destHeight;              
                    }                  
                var d = new Date().toISOString().slice(0, 19).replace(/-/g, "");
                filename = 'report_' + d + '.pdf';
                doc.save(filename);
            }

        });
    });

jsPDF - HTML to PDF 不显示 SVG（图表）

var doc = new jsPDF(''p'',''pt'',''a4'');

doc.addHTML(document.body,function () {
    doc.save(''sample-file.pdf'');        
});