Open ElPablo010 opened 2 years ago
Hi Steven
In my vue app, I'm using vue html 2 pdf to create downloadable pdf's. My problem is that the generated pdf background image is kinda blurry.
Despite digging into the package documentation and other related posts, I can't manage to get it fixed. Can you think of a solution?
My Vue Js component code:
`<vue-html2pdf :show-layout="false" :float-layout="true" :enable-download="true" :preview-modal="true" :paginate-elements-by-height="1400" filename="flavourmap" :pdf-quality="2" :manual-pagination="true" pdf-format="A4" :pdf-orientation="orientation" pdf-content-width="100%" :image="{ type: 'jpg', quality: 1 }" @progress="onProgress($event)" @startPagination="hasStartedGeneration()" @hasDownloaded="hasDownloaded($event)" ref="html2Pdf"
`
html-to-pdf-options: { html2canvas: { useCORS: true, scale: 4, // resolution }, }
Thank you very much @zerogravity2020 it improved the PDF file quality as well.
Hi Steven
In my vue app, I'm using vue html 2 pdf to create downloadable pdf's. My problem is that the generated pdf background image is kinda blurry.
Despite digging into the package documentation and other related posts, I can't manage to get it fixed. Can you think of a solution?
My Vue Js component code:
`<vue-html2pdf :show-layout="false" :float-layout="true" :enable-download="true" :preview-modal="true" :paginate-elements-by-height="1400" filename="flavourmap" :pdf-quality="2" :manual-pagination="true" pdf-format="A4" :pdf-orientation="orientation" pdf-content-width="100%" :image="{ type: 'jpg', quality: 1 }" @progress="onProgress($event)" @startPagination="hasStartedGeneration()" @hasDownloaded="hasDownloaded($event)" ref="html2Pdf"