未捕获的ReferenceError:未定义Canvas2Image,

时间:2014-06-17 13:44:34

标签: javascript jquery canvas html2canvas jspdf

对不起,非常noob问题;我对此都很陌生,还有一些部分让我感到高兴

我尝试使用我在此处找到的一些代码从网页上制作多页pdf:How to display an image in two pages in PDF using jsPDF?

我的Javascript是这样的:

<script type="text/javascript">
    $(document).ready(function() {
        $("#runpdf").click(function(event) {
            var partsec = $("main_body page1");
            html2canvas(document.body, {
                logging: true,
                profile: true,
                allowTaint: true,
                letterRendering: true,
                onrendered: function(canvas) {
                    var imageData = canvas.toDataURL("image/jpeg");
                                    var image = new Image();
                                    image = Canvas2Image.convertToJPEG(canvas);
                                    var doc = new jsPDF();
                                    doc.addImage(imageData, 'JPEG', 12, 10);
                                    var croppingYPosition = 1095;
                                    count = (image.height) / 1095;

                                    for (var i =1; !(i >= count); i++) {
                                            doc.addPage();
                                            var sourceX = 0;
                                            var sourceY = croppingYPosition;
                                            var sourceWidth = image.width;
                                            var sourceHeight = 1095;
                                            var destWidth = sourceWidth;
                                            var destHeight = sourceHeight;
                                            var destX = 0;
                                            var destY = 0;
                                            var canvas1 = document.createElement('canvas');
                                            canvas1.setAttribute('height', destHeight);
                                            canvas1.setAttribute('width', destWidth);
                                            var ctx = canvas1.getContext("2d");
                                            ctx.drawImage(image, sourceX,
                                                                 sourceY,
                                                                 sourceWidth,
                                                                 sourceHeight,
                                                                 destX,
                                                                 destY,
                                                                 destWidth,
                                                                 destHeight);
                                            var image2 = new Image();
                                            image2 = Canvas2Image.convertToJPEG(canvas1);
                                            image2Data = image2.src;
                                            doc.addImage(image2Data, 'JPEG', 12, 10);
                                            croppingYPosition += destHeight;
                                        }
                                    var d = new Date().toISOString().slice(0, 19).replace(/-/g, "");
                                    filename = 'report_' + d + '.pdf';
                                    doc.save(filename);
                                }

                            });
});

});

但是,我从调试器中收到错误,该错误读取&#34; Uncaught ReferenceError:未定义Canvas2Image。我下载了适当的文件(我相信),名为canvas2image.js,但我仍然得到错误。有人可以帮忙吗?感谢

0 个答案:

没有答案