Canvas is cutted of on A4

[bvlasov]

Hello! I am using chart.js for graphics on my web page.
The problem:
On pdf view one of them is cutted for A4 view.
My config:
const openPdfInNewWindow = (pdf) => {
const blob = pdf.output('blob');
window.open(window.URL.createObjectURL(blob));
};

    html2pdf(input, { // my selector
        margin: 0,
        filename: name, // some name
        image: { type: 'jpeg', quality: 1 },
        html2canvas: { scale: 2, logging: true },
        jsPDF: { unit: 'pt', format: 'a4', orientation: 'l' },
        pdfCallback: openPdfInNewWindow,
    });

Could you please take a look and tell what's my bad?

Thanks in advance!

[eKoopmans]

Hey @notfffMe, sorry about the delayed response. Take a look at #44, I believe it's related.

Currently html2pdf creates a clone of the contents and resizes it to your page width, so that everything reflows to fit (like shrinking your browser window). If your elements are coded with a large fixed width, it's possible they'll exceed the width of your page and get cut off. As discussed in the linked issue, I'll work on a "fit-to-width" option in the future.