使用jsPDF和html2canvas生成带有html画布的pdf无法正常工作

Question

我正在开发一个需要生成PDF文件的Web应用程序。但问题是，在我的PDF文件中，我需要包含由javascript操纵的HTML画布。使用jsPDF生成pdf文件是有效的，因为我已经通过将一个简单的文本行放在pdf上来测试它。但是当我将它与html2canvas集成以包含HTML canvas时，它无法正常工作。请参阅下面的代码。

    //code for manipulating canvas goes here

    $('#download-btn').on('click', function(){
        html2canvas(document.getElementById('myCanvas'), {
            onrendered: function(canvas) {         
                var imgData = canvas.toDataURL(
                    'image/png');              
                var doc = new jsPDF('p', 'mm');
                doc.addImage(imgData, 'PNG', 10, 10);
                doc.save('sample-file.pdf');
            }
        });
    });

当我点击下载按钮时，它在控制台中显示如下内容，但没有下载pdf文件。

请问，我的代码出了什么问题？如何修复我的代码以获取带有html画布的pdf？