iframe和html2canvas

时间:2016-02-25 22:39:25

标签: javascript iframe jspdf html2canvas

我有这个html2canvas和jsPDF的javascript代码,可以从截图中生成pdf文件。唯一的问题是,如果#newclass中有iframe,它就不会显示任何信息,我似乎无法弄清楚我做错了什么!

(function() {
    form = $('#newclass'),
        cache_width = form.width(),
        a4 = [595.28, 841.89]; // for a4 size paper width and height
    $('#create_pdf').on('click', function() {
        $('body').scrollTop(0);
        createPDF();
    });
    //create pdf
    function createPDF() {
        getCanvas().then(function(canvas) {
            var img = canvas.toDataURL("image/png"),
                doc = new jsPDF({
                    unit: 'px',
                    format: 'a4'
                });
            doc.addImage(img, 'JPEG', 20, 20);
            doc.save('techumber-html-to-pdf.pdf');
            form.width(cache_width);
        });
    }
    // create canvas object
    function getCanvas() {
        form.width((a4[0] * 1.33333) - 80).css('max-width', 'none');
        return html2canvas(form, {
            imageTimeout: 9000,
            removeContainer: true
        });
    }
}());

0 个答案:

没有答案