如何制作尺寸合适的画布截图?

时间:2019-09-05 12:30:51

标签: javascript angular canvas jspdf

我需要转换为表格的pdf截图。我遵循了教程,并且有代码

var data = document.getElementById('contentToConvert');  
    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'); // A4 size page of PDF  
      var position = 0;  
      pdf.addImage(contentDataURL, 'PNG', 0, position, imgWidth, imgHeight)  
      pdf.save('MYPdf.pdf'); // Generated PDF   
    }); 

一切似乎都很正常,但是当我捕获屏幕截图并以pdf格式插入时,它会被裁剪,而不会插入pdf文档的顶部。

这是结果的screenshot 这是我的初始表格screenshot。也许是因为我使用角材?有什么建议吗?

0 个答案:

没有答案