html2canvas jspdf表数据断字不起作用

Question

我正在尝试在我的应用程序中将某些表导出为pdf。导出功能有效。但是，如果表数据中包含一些长文本，则在导出时它会溢出到其他行中。我有该数据的word-break：break-word，但是在导出为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;
    });

这里是已导出表的一部分的图像，显​​示了该问题：

在网页上看起来不错：

我应该如何修改我的功能以防止发生此溢出？

Answer 1

[好，所以，我将work-break：break-word更改为word-break：break-all，它现在可以正常工作了。编码愉快！