javascript - 如何将 HTML 表格另存为 PDF 中的图像

Question

我在尝试将 HTML 表格及其所有画布导出为 PDF 时遇到问题。

问题是，我可以将画布作为图像导出到 PDF，但我似乎无法对表格执行相同操作。

这是代码：

echo '<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.3/jspdf.min.js"></script>';    
    echo"<script>
                download.addEventListener('click', function () {
                    var imgData = document.getElementsByTagName('canvas')[0].toDataURL('image/png', 1.0);
                    var imgData2 = document.getElementsByTagName('canvas')[1].toDataURL('image/png', 1.0);

                    var imgData_table = document.getElementsByTagName('table')[0].toDataURL('image/png', 1.0);

                    var pdf = new jsPDF('p', 'px', 'a4');

                    var i = new Image();

                    var pageHeight = pdf.internal.pageSize.height;
                    var pageWidth = pdf.internal.pageSize.width;

                    console.log(pageHeight + ', ' + pageWidth);

                    i.src = imgData; 

                    setTimeout(function(){
                        pdf.addImage(imgData_table, 'png', 0, 0,);
                        pdf.addPage();
                        //console.log(i.width + ', ' + i.height);
                        pdf.addImage(imgData2, 'png', 0, 0,);
                        pdf.addPage();
                        pdf.addImage(imgData, 'png', 0,0);
                        pdf.save('download.pdf');
                    },600);




                }, false);

            </script>";

            echo "<div class='col-sm-6'>
                <button id='download'>download</button>
            </div>
            ";

有谁知道在这种情况下可以做什么？谢谢！

标签： javascriptphphtmlpdf-generation