Tengo una página de factura aquí en mi aplicación angular en la que intento usar html2canvas y jsPdf para convertir el html en pdf y descargarlo. Cuando estoy descargando, el lado derecho del pdf se muestra con ese color gris, pero cuando estoy inspeccionando la página y yendo a la barra de herramientas del dispositivo, mientras lo descarga no hay ningún problema. Por favor ayuda, cualquier ayuda sería apreciada. Aquí está mi código a continuación:

 public downloadInvoice(){ let invoice = document.getElementById('invoice-detail'); html2canvas(invoice).then((canvas)=>{ console.log(canvas); let imgData = canvas.toDataURL('image/png'); let doc = new jsPDF('p', 'mm', 'a4'); let imgHeight = canvas.height * 208 / canvas.width; console.log(imgHeight); doc.addImage(imgData, 'PNG', 0, 0, 208, imgHeight) doc.save('invoice.pdf'); }) }

 <div class="card invoice-preview-card" id="invoice-detail">

Ese es mi contenedor para toda la sección de facturas.