簡體   English   中英

如何使用jspdf來增加我的pdf大小

[英]how can i increase my pdf size working with jspdf

您好,資深開發人員和程序員,

我正在使用與jspdf集成的腳本,基本上該腳本應該將我的網站內容轉換為pdf,此腳本有兩種類型的概念。

可選擇畫布,畫布用於復雜的網頁,例如表格,空格,背景圖像。

它可以成功工作,但我的pdf無法清除,只是停留在中間

這是JavaScript代碼

//Download as a canvas if contains complex data
    $('.wppdf-download-canvas').click(function() {  
        var pdfname = $(this).attr('name');             
        var htmlSource = $(this).siblings('.wppdf');    
        var canvasToImage = function(canvas){
            var img = new Image();
            var dataURL = canvas.toDataURL('image/png');
            img.src = dataURL;
            return img;
        };
        var canvasShiftImage = function(oldCanvas,shiftAmt){
            shiftAmt = parseInt(shiftAmt, 10) || 0;
            if(!shiftAmt){ return oldCanvas; }

            var newCanvas = document.createElement('canvas');
            newCanvas.height = oldCanvas.height - shiftAmt;
            newCanvas.width = oldCanvas.width;
            var ctx = newCanvas.getContext('2d');

            var img = canvasToImage(oldCanvas);
            ctx.drawImage(img,0, shiftAmt, img.width, img.height, 0, 0, img.width, img.height);

            return newCanvas;
        };

        var canvasToImageSuccess = function(canvas){
            var pdf = new jsPDF2('p','pt'),
                pdfInternals = pdf.internal,
                pdfPageSize = pdfInternals.pageSize,
                pdfScaleFactor = pdfInternals.scaleFactor,
                pdfPageWidth = pdfPageSize.width,
                pdfPageHeight = pdfPageSize.height,
                totalPdfHeight = 0,
                htmlPageHeight = canvas.height,
                htmlScaleFactor = canvas.width / (pdfPageWidth * pdfScaleFactor),
                safetyNet = 0;

            while(totalPdfHeight < htmlPageHeight && safetyNet < 15){
                var newCanvas = canvasShiftImage(canvas, totalPdfHeight);
                pdf.addImage(newCanvas, 'png', 15, 15, pdfPageWidth - (pdfPageWidth * .0 ), 0, null, 'NONE');

                totalPdfHeight += (pdfPageHeight * pdfScaleFactor * htmlScaleFactor);

                safetyNet++;
            }

            pdf.save(pdfname);
        };

我嘗試使用此var pdf = new jsPDF('p','pt','a4');來更改大小

因為我希望它更大,但是當我嘗試下載頁面時卻沒有任何反應。

任何建議

所以我有了一些在線研究
pdf.addImage(newCanvas,'png',-120,10,700,580);

這樣就解決了問題。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM