How do I make this page format to landscape?

Java to Html is printing in landscape but is formatted in portrait.Im using jsPDF and html2canvas.For some reason the page is printing in landscape but it still formating the page as portrait.This is my code.

const button = document.getElementById(‘jsPdf’);

function generatePDF() {
    
    // Choose the element that your content will be rendered to.
    const element = document.getElementById('generatePdf');
    window.jsPDF = window.jspdf.jsPDF;

    var doc = new jsPDF({
        orientation: 'landscape',
        unit:'in',
        format: [612,792]
    });

    // Source HTMLElement or a string containing HTML.

    doc.html(element, {
        callback: function (doc) {
            // Save the PDF
            doc.save('sample-document.pdf');
        },
        autoPaging: 'text',
        x: 5,
        y: 5,
        width: 250, //target width in the PDF document
        windowWidth: 1200 //window width in CSS pixels

Is there any reason why it wouldnt be switching to landscape in the print screen?enter image description here. In the picture the page is landscape but the text on it is still formatted in portrait mode as you can see by the smushed text. Its also grabbing the invisible charecters.

I tried to make a page print landscape. it turned the page into landscape in the print screen but did not format the actual page to landscape.