将 HTML 页面导出到 angular 中的 pdf

Question

export-as and exporting pdf, exported pdf document is not proper it is not streching fully red mark inserted for reference,attached image. Below is my config:

  exportAsConfig: ExportAsConfig = {
    type: 'pdf', // the type you want to download
    //elementId: 'balance-sheet-preview', // the id of html/table element
    elementId: 'contentToConvert', // the id of html/table element
    options: { // html-docx-js document options
      margins: {
        top: '20',
        bottom: '5'
      },
      orientation: 'landscape',
      filename: 'engagement.pdf',
      image: { type: 'jpeg', quality: 1 },
    }
  }

call in function:

export(){
this.exportAsService.save(this.exportAsConfig, 'engagementLetter').subscribe(() => {
      // save started
    });
}

Any solution for this

Html print snippet image:

Answer 1

in google chrom you can set the view to print and specify media type to print then add css related to print type this css will applied only in printing mood use this answer to check how to switch to print mood.

Answer 2

I have lot of experience with pdf in Angular.

Among all of them best library is https://www.npmjs.com/package/jspdf

Example: https://rawgit.com/MrRio/jsPDF/master/

Docs: https://rawgit.com/MrRio/jsPDF/master/docs/