Php 如何在Html2Pdf中添加ChartJS代码以查看图像

我正在使用

这是我的php文件，我使用了javascript，通过它我只需创建一个图表，然后创建图表图像

<script>

            function done(){

                    var url=myLine.toBase64Image();
                    document.getElementById("url").src=url;
            }


        var MONTHS = [<?php echo '"' . implode('","', array_reverse($close_date_arr)) . '"' ?>];


        var config = {
          type: 'line',
          data: {

            labels: [<?php echo '"' . implode('","', array_reverse($close_date_arr)) . '"' ?>],

            datasets: [{
              label: "<?php echo $asx_code ?>",
              backgroundColor: '#ff6384', 
              borderColor:'#ff6384', 

              data: [<?php echo '"' . implode('","', array_reverse($close_price_arr)) . '"' ?>],
              fill: false,
            }]
          },
          options: {
               bezierCurve : false,
      animation: {
        onComplete: done
      },
            responsive: true,
            title: {
              display: true,
              text: ''
            },
            tooltips: {
              mode: 'index',
              intersect: false,
            },
            hover: {
              mode: 'nearest',
              intersect: true
            },
            scales: {
              xAxes: [{
                display: true,
                scaleLabel: {
                  display: true,
                  labelString: 'Month'
                }
              }],
              yAxes: [{
                display: true,
                scaleLabel: {
                  display: true,
                  labelString: 'Value'
                }
              }]
            }
          }
        };


          var ctx = document.getElementById('canvascode').getContext('2d');
          window.myLine = new Chart(ctx, config);


        document.getElementById('randomizeData').addEventListener('click', function() {
          config.data.datasets.forEach(function(dataset) {
            dataset.data = dataset.data.map(function() {
              return randomScalingFactor();
            });

          });

          window.myLine.update();
        });

        var colorNames = Object.keys(window.chartColors);

      </script>

当我试图生成PDF文件时，我得到一个错误，说

致命错误：未捕获Spipu\Html2Pdf\Exception\HtmlParsingException:Html2Pdf不知道html标记[canvas]。您可以创建它并将其推送到Html2Pdf GitHub项目上。在/var/www/html/htmlpf/vendor/spipu/html2pf/src/html2pf.php:1435堆栈跟踪：#0/var/www/html/htmlpf/vendor/spipu/html2pf/src/html2pf.php（1043）：spipu\html2pf\html2pf->\u执行（对象（spipu\html2pf\Parsing\Node））\1/var/www/html/htmlpf/vendor/spipu/html2pf/html2pf/src/html2pf.php（749）：Spipu\html2pf\html2pf->\u setNewPositionForNewLine（NULL）#2/var/www/html/htmlpf/vendor/Spipu/html2pf/src/html2pf.php（1415）：Spipu\html2pf\html2pf->\u setNewPage（）#3/var/www/html/htmlpf/vendor/Spipu/html2pf/src/html2pf.php（1401）：pu\html2pf\html2pf\html2pf->\html2pf执行节点（对象解析）#4/var/www/html/htmlpf/vendor/spipu/html2pf/src/html2pf.php（595）：spipu\html2pf\html2pf->#u makeHTMLcode（）#5/var/www/html/htmlpf/test.php（138）：spipu\html2pf\html2pf\html2pf->writeHTML（'

---

有人能指导我如何在这里生成脚本并将图像仅放入PDF。

错误消息提示：您必须在Github上创建一个新版本；以便将标记

canvas

添加到库的下一个版本中，或者尝试使用

canvas

以外的其他工具来呈现cha其他图表库也可以使用标签

div

或

svg

好吧，请看……作者无意添加标记

canvas

---

因此，您只能使用phantomJS创建画布的屏幕截图，然后将其用作静态图像资源，以便将其呈现为PDF。

我认为您的问题不在于HTML2PDF，而在于创建HTML2PDF的事件序列错误。我对事件的理解如下：

1.  Loading PHP Code
2.  Loading according to PHP and creating Charts/Canvas through JS
3.  Pringing HTML2PDF Output through PHP Code

---

真正的问题是第3步没有等待第2步的完成。因此，在第2步完成后，您必须创建一个触发器/事件来启动第3步。通常HTML2PDF是通过JS创建的，如下所示：

谢谢您的回复。目前，我无法更改库，因为我在这个库中做了很多事情如果我能用这个库本身找到解决问题的方法，那就太理想了。@MittulAtTechnoBrave，除非它的作者会添加标签

canvas

，如果技术上可行的话，可能无法将

canvas

添加到生成的PDF中。我的这个存储库将包装

phantomJS

（这是一款无头WebKit浏览器，安装大约需要2GB）：-这将是我唯一可以通过成像获得图表图像的方法-以便提供

html2pdf

它期望的内容作为输入。基本上，这是一个web服务，可以用来创建屏幕截图。使用

GD

来裁剪它以适应。我只是想知道，我们不能在我当前的库html2pdf中使用SVG标记吗？我是说re必须是实现这一点的某种方法。这不适用于任何javascript图表库，因为HTML2PDF不会执行脚本来生成图表。最简单的方法是使用PHP图表库生成图表。否则，您可能会使用node.js来运行javascript服务器端。感谢您的回复。我同意您的看法您的以上观点和建议。但我已经尝试了各种方法来实现这一点（调用cURL等）但我仍然无法解决这个问题。如果可能的话，你能帮我实现这个目标吗？Curl对你没有帮助，因为Curl是服务器端代码，因此你必须像在客户端一样触发事件，因此在加载图表后使用JavaScript代码触发事件。用图表和html2pdf搜索Google，你会发现许多示例，但有根据您的需要实施

1.  Loading PHP Code
2.  Loading according to PHP and creating Charts/Canvas through JS
3.  Pringing HTML2PDF Output through PHP Code