【问题标题】:how can i increase my pdf size working with jspdf如何使用 jspdf 增加我的 pdf 大小
【发布时间】:2015-08-07 08:14:59
【问题描述】:

各位高级开发人员和程序员,

我正在使用与 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'); 更改大小;

因为我想要它更大,但是当我尝试下载我的页面时没有任何反应。

任何建议

【问题讨论】:

    标签: javascript jspdf


    【解决方案1】:

    所以我得到了这个,并在网上进行了一些研究
    pdf.addImage(newCanvas, 'png', -120, 10, 700, 580);

    这样就解决了问题。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-04-23
      • 1970-01-01
      • 1970-01-01
      • 2012-01-24
      • 1970-01-01
      • 1970-01-01
      • 2019-07-20
      • 1970-01-01
      相关资源
      最近更新 更多