Question

我正在使用数据表以表格格式显示数据并给出导出选项，以将数据导出到csv，pdf。现在我想将水印图像添加到pdf中，从数据表中的按钮下载。

这是我试过的代码，但它对我没用，

var table = $('#holiday').DataTable( {
                    "dom": '<"nav" B>lfrtip',
                    "buttons": [
                                'excelHtml5',
                                'csvHtml5',
                                {
                                    extend: 'pdfHtml5',
                                    customize: function ( doc ) {
                                    doc.content.splice( 1, 0, {
                                          margin: [ 20, 20, 20, 20 ],
                                          alignment: 'center',
                                          image:'data:image/png;base64,abcdddd'
                                }]  });

我也尝试使用水印代替图像，但我没有得到结果。请帮我解决这个问题。提前致谢

Answer 1

您好@ user3933674，因为您想要从导出数据表获得 pdf 的水印。

我认为这还不可能，因为没有提及将图像（水印）设置为pdfmake的文档http://pdfmake.org/#/gettingstarted中的背景。

要将图像插入PDF，请找到以下代码。

 $('#example').DataTable( { 
    dom: 'Bfrtip',
    buttons: [
    {
        extend: 'pdfHtml5',
        customize: function ( doc ) {
            doc.content.splice( 0, 0, {
                margin: [ 0, 0, 0, 12 ],
                alignment: 'center',
                image: 'based64 encoded image'
            } );
        }
    }                 
    ]
 } );

供我参考，我提供了将自定义图像插入数据表的pdf导出的演示。 https://jsfiddle.net/Prakash_Thete/rbunuv9b/1/

Answer 2

我认为他们已经添加了水印选项。

https://github.com/bpampuch/pdfmake/pull/492

这样可以使用pdfmake v0.1.27

customize: function ( doc ) {doc.watermark = {text: 'watermark text', color: 'blue', opacity: 0.1};

如何在数据表

2 个答案: