如何保存iframe内容并将其下载为PDF文件？

Question

我的目标是将iframe的内容打印到PDF文件中。

我的代码当前仅能保存图像。每当我用 iframe 标签替换 img 标签时， iframe 内容都不会显示在下载的PDF中。我认为问题是由于iframe的来源

  admin.site.register(models.StoresDetails, StoresDetailsAdmin)
  admin.site.register(models.StoreServices, StoreServicesAdmin)
  admin.site.register(models.StoreImages)

因为即使我将本地图像放在图像标签中

<iframe src="example.png" type=""></iframe>

在下载的PDF文件中也没有显示。

到目前为止，我的代码（ JsFiddle沙箱is available here ）：

<img src="example.png">

$('#downloadPDF').click(function () {
    domtoimage.toPng(document.getElementById('content2'))
        .then(function (blob) {
            var pdf = new jsPDF('l', 'pt', [$('#content2').width(), $('#content2').height()]);

            pdf.addImage(blob, 'PNG', 0, 0, $('#content2').width(), $('#content2').height());
            pdf.save("test.pdf");

            that.options.api.optionsChanged();
        });
});
/*
$('#cmd2').click(function() {
  	var options = {
		//'width': 800,
  	};
  	var pdf = new jsPDF('p', 'pt', 'a4');
  	pdf.addHTML($("#content2"), -1, 220, options, function() {
    	pdf.save('admit_card.pdf');
  	});
});
*/