Question

我开始了一个新项目，以便在javascript中获取报告。我需要下载以PDF格式显示的数据。在html页面中，我有来自Google图表（svg）和其他html代码的svg图表。我希望所有这些数据都是PDF格式的。我试着用jspdf和pdf export以及html2canvas。我在pdf中获得了svg图表，但是它周围的所有html都是黑色内容。

我在div中使用id'cc-by-modele'生成我的谷歌图表，我也在javascript中显示表格。这是我的代码：

 <div id="main-container">
    <div id="chart-model"></div>
     <div class="shadow-z-1 box-container">
       <table id="pc-by-modele">
         <tr>
           <th>MODELE</th>
           <th>PC NUMBER</th>
         </tr>
       </table>
    </div>
  </div>

<script lang="javascript" src="public/javascript/jquery-1.9.1.min.js"> </script>
<script lang="javascript" src="public/javascript/pdfexport.min.js"></script>
<script lang="javascript" src="public/javascript/jspdf.min.js"></script>
<script lang="javascript" src="public/javascript/html2canvas.min.js"></script>
<script>
window.generatePDF = function generatePDF() {
            var format = 'a4';
            var pdfExport = new PDFExport(format);
            var domNode = document.getElementById('main-container');
            pdfExport.createPageScreenshot(domNode).then(function () {
                pdfExport.downloadDocument();
            });
        }
</script>

svg和HTML到PDF

0 个答案: