Блог

Этот вопрос связан с HTMLtoPDF Converter.

mPDF converter отлично работает с включенным css, но не с какой-либо таблицей начальной загрузки или любыми элементами svg.

Как включить js в html для mPDF?

mPDF не поддерживает JavaScript. Однако вы можете использовать один из следующих подходов:

1. Извлеките SVG-код диаграммы, используя что-то вроде $('svg')[0].outerHTML , и отправьте его на сервер, чтобы вставить в сгенерированный PDF-файл в виде изображения.

2. Используйте Highcharts export service для создания изображения (SVG или другого формата), которое можно вставить в PDF. Код выглядит следующим образом:

    var chart = $('.mychart').highcharts();
   var opts = chart.options;        // retrieving current options of the chart
   opts = $.extend(true, {}, opts); // making a copy of the options for further modification
   delete opts.chart.renderTo;      // removing the possible circular reference
   
   /* Here we can modify the options to make the printed chart appear */
   /* different from the screen one                                   */
   
   var strOpts = JSON.stringify(opts);
   
   $.post(
       'http://export.highcharts.com/',
       {
           content: 'options',
           options: strOpts ,
           type:    'image/svg xml',
           width:   '1000px',
           scale:   '1',
           constr:  'Chart',
           async:   true
       },
       function(data){
           var imgUrl = 'http://export.highcharts.com/'   data;
           /* Here you can send the image url to your server  */
           /* to make a PDF of it.                            */
           /* The url should be valid for at least 30 seconds */
       }
   );
     

   Вы можете поэкспериментировать с различными вариантами вызова наhttp://export.highcharts.com /. Смотрите также http://www.highcharts.com/docs/export-module/export-module-overview

Обратите внимание, что mPDF не поддерживает некоторые свойства SVG, поэтому вы можете рассмотреть возможность экспорта вашей диаграммы в виде растрового изображения.