Добавить div как изображение в PDF - PullRequest
Новая
       19

Добавить div как изображение в PDF

0 голосов
/ 29 сентября 2019

Добрый день. Мне нужно добавить графики, которые есть в div в моем HTML-коде, в pdf, как если бы они были изображениями, так как я не хочу вдаваться в проблемы обработки переменных и значений в этом, простопередать их как изображение, я работаю с fpdf и тестирую С jspdf, я новичок, если у вас нет ответа на помощь, просто ответьте и оставьте, спасибо.

Я пытался, но сумел только интегрировать изображенияуже установлено в моих папках, я хочу преобразовать те div, где моя графика появляется в изображениях, и отправить их в pdf. 

<div class='graficosCat'> 
 <script src="https://cdn.anychart.com/releases/v8/js/anychart-base.min.js?hcode=c11e6e3cfefb406e8ce8d99fa8368d33"></script>
 <script src="https://cdn.anychart.com/releases/v8/js/anychart-ui.min.js?hcode=c11e6e3cfefb406e8ce8d99fa8368d33"></script>
 <script src="https://cdn.anychart.com/releases/v8/js/anychart-exports.min.js?hcode=c11e6e3cfefb406e8ce8d99fa8368d33"></script>
   <div id="container">
       <script>
     anychart.onDocumentReady(function () {
         // create data set on our data
         var dataSet = anychart.data.set([
           ['A', 0, <?php echo $sumatoriaCatsuper;?>],
           ['B', 0, <?php echo $sumatoriaCatsuper2;?>],
           ['C', 0, <?php echo $sumatoriaCatsuper3;?>],
           ['D', 0, <?php echo $sumatoriaCatsuper4;?>],
           ['E', 0, <?php echo $sumatoriaCatsuper5;?>]
         ]);        
         // create bar chart
         var chart = anychart.bar();
         // set chart padding
         chart.padding([10, 40, 5, 20])
                 // set chart title text settings
                 .title('');   /*label de la gráfica */        
         // map data for the second series, take x from the zero column and value from the second column of data set
         var seriesLineData = dataSet.mapAs({'x': 0, 'value': 2});
         // create line series with passed data
         var seriesLine = chart.line()
                 .name('Puntaje')
                 .data(seriesLineData)
                 .stroke('3 #f18126');                
         // set markers settings
         seriesLine.markers()
                 .enabled(true)
                 .size(5);
         // set titles for axises
         chart.xAxis().title('');
         chart.yAxis().title('');  /*label bajo gráfica */
         chart.interactivity().hoverMode('by-x');
         chart.tooltip()
                 .position('right')
                 .anchor('left-top')
                 .displayMode('union')
                 .titleFormat(function () {
                     return this.points[0]['x'] + ' '
                 })
                 .unionFormat(function () {
                     var result = '';        
                     for (var i = 0; i < this.points.length; i++) {
                         result += this.points[i]['seriesName'] + ': ' + this.points[i]['value'];
                         if (i < this.points.length - 1) {
                             result += '\n';
                         }
                     }
                     return result
                 });        
         // set scale minimum/maximum
         chart.yScale().minimum(0);
         chart.yScale().maximum(100);

         // set container id for the chart
         chart.container('container');
         // initiate chart drawing
         chart.draw();
     });
     </script>
 </div> </div>

Или они знают какой-то другой более простой метод, поскольку в этот PDF-файл я также включу msqlинформация с тел.

...