html2canvas - onrendered根本不起作用

时间:2016-04-10 06:24:51

标签: javascript html5 html2canvas xhtml2pdf

这是我的代码,

var pdf = function() {
        console.log(12);
            var form = $('.container');
            html2canvas(form, {
              onrendered: function(canvas) {
                var pdf1 = new jsPDF();
                var marginLeft=20;
                var marginRight=20
                pdf1.addImage(canvas.toDataURL("image/jpeg"),"jpeg",marginLeft,marginRight)
                var data =pdf1.output("datauristring");
                console.log(data);  
              }
            });
    };

HTML代码

<div class="container">
                Sample Text
            </div>

在index.html -

<script type = "text/javascript" src="html2canvas.min.js"></script>

我在动作上调用pdf()方法,我确信pdf()方法被调用但不是onrendered。 我已经为html2canvas问题尝试了类似的SO响应,但我还不确定为什么我无法使onrender工作。它根本没有被调用。

2 个答案:

答案 0 :(得分:1)

我找到了问题,

jspdf.min.js无法使用html2canvas。 而不是jspdf.min.js加载jspdf.debug.js。它工作正常

答案 1 :(得分:1)

我有同样的问题。

如果在html2canvas.js之前加载jspdf.mi.js它可以正常工作。 :)