我有一些要打印為PDF的模式。我設(shè)法打印了一些東西,但這不是很正確。以下是我目前正在做的事情的分解:彈出該模式,并與用戶進(jìn)行交互。用戶點擊“接受”我克隆模式,將克隆附加到折疊下面的文檔中。我通過html2canvas將其轉(zhuǎn)換為畫布,并使用 .toDataURL我將圖像添加到j(luò)sPDF對象addImage我從文檔中刪除了克隆的模式。我遇到的問題是圖像被裁剪了,但是只是被裁剪了一點而已。缺少接受按鈕的最底部。我在某處讀到,將克隆的寬度和高度設(shè)置為3000可以解決此問題,但沒有任何變化。我嘗試使用addImage參數(shù),但是什么也沒有。我也可以在服務(wù)器端進(jìn)行操作,但是我對iTextSharp的快速試用也沒有成功。它沒有顯示非常需要的單選按鈕或文本框的值。我已經(jīng)搞砸了兩天了,但是我很茫然??寺〈a:hiddenClone: (element) => { const clone = element.cloneNode(true); clone.classList.remove('modal-content'); const style = clone.style; style.position = 'relative'; style.top = window.innerHeight + 'px'; style.left = 0; style.width = '3000px'; style.height = '3000px'; style.background = '#fff'; document.body.appendChild(clone); return clone;}pdf代碼:const pdf = new jsPDF('p', 'mm', 'a4');const clone = utils.hiddenClone(form);html2canvas(clone).then((canvas) => { const img = canvas.toDataURL('image/png', 1.0) pdf.deletePage(1); pdf.addPage("p"); pdf.addImage(img, 'PNG', 10, 0, 150, 180); const blob = pdf.output('blob'); $.ajax({ url: `/profile/People/SignedDocument/${id}`, type: "POST", data: blob, contentType: "application/pdf; charset=utf-8", processData: false });});
將引導(dǎo)模態(tài)打印為PDF
Qyouu
2021-05-07 16:50:16