Javascript 使用toDataURL()将画布转换为图像并添加到pdf

Javascript 使用toDataURL()将画布转换为图像并添加到pdf,javascript,jquery,html,jspdf,html2canvas,Javascript,Jquery,Html,Jspdf,Html2canvas,我执行: <script type="application/javascript" src="js/html2canvas.js"></script> <script type="application/javascript" src="js/jspdf.debug.js"></script> 当我只是把一些文字,没有添加到pdf,pdf打开并下载。但当我使用画布来创建数据时,什么都没有发生。我真的不知道为什么。我试着复制和粘贴其他问题的代码,

我执行:

<script type="application/javascript" src="js/html2canvas.js"></script>
<script type="application/javascript" src="js/jspdf.debug.js"></script>
当我只是把一些文字,没有添加到pdf,pdf打开并下载。但当我使用画布来创建数据时,什么都没有发生。我真的不知道为什么。我试着复制和粘贴其他问题的代码,但没有一个适合我。 当我点击id=“down\u but”的下载按钮时,它只会在开发控制台中给出错误

我什么都试了,但没有任何帮助。如果有人知道问题出在哪里,请帮助我。 我也为它创作

添加最新版本的

添加最新版本的


您的文件中有语法错误fiddle@Muath请问在哪里?我只是检查了一下,我不知道在哪里当我运行小提琴的时候我没有得到你问的错误我得到了这个:未捕获的引用错误:html2canvas没有定义只是更改了库url这是你需要的吗???@Muath谢谢!如果您的内存中有语法错误,则可以正常工作fiddle@Muath请问在哪里?我只是检查了一下,我不知道在哪里当我运行小提琴的时候我没有得到你问的错误我得到了这个:未捕获的引用错误:html2canvas没有定义只是更改了库url这是你需要的吗???@Muath谢谢!它起作用了
$(document).ready(function () {
        $('#down_but').click(function() {
            html2canvas(document.getElementById("node")).then(canvas => {
                const img = canvas.toDataURL("image/jpeg",1);
                const pdf = new jsPDF();
                pdf.addImage(img,"jpeg",5,5,205,292);
                pdf.save("file.pdf");

            });
        });
    });
https://html2canvas.hertzen.com/dist/html2canvas.js