Question

创建PDF

结果：它正在生成没有路径
的地图这就是我所拥有的：

{% extends 'SonataAdminBundle:CRUD:base_list.html.twig' %}
{% block list_header %}
<div class="pull-right" style="margin-right: 10px;">
    <label for="{{ admin.uniqid }}_sum_of_orders" class="control-label">Grand Total: </label>
    <label class="control-label"> S$ {{ admin.getSumOf('orderAmount') }} </label>
</div>
{% endblock %}

然后我使用了canvg和fabric

结果：正在生成没有地图的路径这就是我所拥有的

html2canvas(document.getElementById('pdf-canvas'), {
      onrendered: function (canvas) {
          var data = canvas.toDataURL("image/png");
          var docDefinition = {
              content: [{
                  image: data,
                  width: 500,
              }]
          };
          pdfMake.createPdf(docDefinition).download("Score_Details.pdf");
      }
  });

我是否必须使用其他库或使用html2canvas，canvg和fabric错过了什么？

Answer 1

我找到了一个用于导出到PDF文件的库，你可以尝试一下。 jsPDF

Answer 2

J'aitestéjsPDFmais j'arrive toujourspasàgénérerletrajet voici le code

html2canvas(document.getElementById("pdf-canvas"), {
  onrendered: function(canvas) {

      var imgData = canvas.toDataURL('image/png');
      console.log('Report Image URL: '+imgData);
      var doc = new jsPDF('p', 'mm', [297, 210]); //210mm wide and 297mm high

      doc.addImage(imgData, 'PNG', 10, 10);
      doc.save('sample.pdf');
  }
});

在javascript中将html导出为pdf

2 个答案: