jsPDF из HTML изображения (к большому) и поля страницы внизу (не работает)

Question

Я только что реализовал jspdf на странице, где пользователи работают с редактором, а затем хотят иметь возможность распечатать результат. Когда я протестировал некоторый пример содержимого, я столкнулся с этой проблемой, изображения не отображаются в том же формате. Они масштабируются / отображаются настолько большими, что становятся больше ширины страницы.

Также у меня была проблема с высотой страницы / полем-низом. Если содержимое страницы слишком велико, то в нижней части страницы поля не будет. Так что, если по какой-либо причине элемент кажется слишком большим для страницы, этот элемент продолжается до конца страницы.

Я гуглил лодку, но не смог найти решение, чтобы слишком большие элементы не доходили до границы страницы. И я также не мог найти что-то, например, как установить изображение в исходное или максимальное значение, когда я не знаю содержания страницы.

Вот код js и пример страницы: пример jsfiddle

$(".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);

});