时间戳

首页 > 解决方案 > jsPDF fromHTML 图像（到大）和页边距底部（不工作）

jspdf - jsPDF fromHTML 图像（到大）和页边距底部（不工作）

问题描述

我刚刚在一个页面中实现了 jspdf，用户在其中使用编辑器，然后希望能够打印结果。当我测试一些示例内容时，我遇到了这个问题，图像没有以原始尺寸显示。它们被缩放/显示得如此之大，以至于它们大于页面的宽度。

我也遇到了页面高度/边距底部的问题。如果页面的内容太大，则页面底部将没有边距。因此，如果出于某种原因，一个元素对于页面来说似乎太大了，那么这个元素会一直持续到页面的末尾。

我用谷歌搜索了一个 lod，但我找不到解决方案来避免太大的元素到达页面的边框。而且我也找不到一些东西，当我不知道页面的内容时，如何将图像设置为原始或最大尺寸。

这是 js 代码和示例页面：jsfiddle-example

$(".printPdf").click(function () {
    var pdfdoc = new jsPDF("portrait");
    var getPageTitle = $("#page-title");
    var pageTitle = (getPageTitle != "")? getPageTitle : "Document";
    var contentClass = ".page-content";
    var $pageContent = $(contentClass);
    var margins = {
        top: 10,
        bottom: 20,
        left: 15,
        width: 180
    };


    pdfdoc.setDisplayMode('original');
    pdfdoc.fromHTML($pageContent.get(0), margins.left, margins.top, {
        "width": margins.width,
        "text-align": "unset"
    }, function () { pdfdoc.save(pdfdoc.pageTitle + ".pdf") }, margins);

});

标签： jspdfimage-sizepage-size

解决方案

推荐阅读