html2canvas jspdf таблица данных разрыв слова не работает - PullRequest
0 голосов
/ 06 марта 2020

Я пытаюсь экспортировать некоторые таблицы в PDF в моем приложении. Функциональность экспорта работает. Однако, если в табличных данных содержится какой-то длинный текст, они переполняются в другие строки при экспорте. У меня есть слово-разрыв: слово-разрыв для этих данных, но оно игнорируется при экспорте в PDF. У меня также для LetterRendering установлено значение true. Вот моя функция:

var data = document.getElementById('table');  
    html2canvas(data).then(canvas => {  
      // Few necessary setting options  
      var imgWidth = 208;   
      var pageHeight = 295;    
      var imgHeight = canvas.height * imgWidth / canvas.width;  
      var heightLeft = imgHeight;  

      const contentDataURL = canvas.toDataURL('image/png')  
      let pdf = new jspdf('p', 'mm', 'a4');  
      var position = 0;  
      pdf.addImage(contentDataURL, 'PNG', 0, position, imgWidth, imgHeight)  
      pdf.save('table.pdf');
      letterRendering: true;
    });

Вот изображение части экспортированной таблицы, которая показывает проблему: exported table

На Сама веб-страница: works fine on the webpage itself

Как мне изменить мою функцию, чтобы предотвратить переполнение?

1 Ответ

0 голосов
/ 06 марта 2020

ОК, поэтому я изменил рабочий-перерыв: разрыв-слово на разрыв-слово: разрыв-все, и теперь он работает отлично. Удачного кодирования!

...