无法使用 html2canvas 捕获 iframe 内存在的 scorm 内容

Question

我正在尝试捕获 iframe 内存在的 SCORM 的屏幕截图，但它正在捕获 iframe 的内容，我正在使用 html2canvas 为此。 SCORM 的所有文件都存在于同一服务器上。
这是我的 scorm 的第一张幻灯片/页面。

1) 首先，我通过了 $('iframe') 和 var iframe = document.querySelector("iframe").contentWindow.document.body; 到 html2canvas 但它工作得不好。
输出如下 Img



2) 然后我将 e.target.parentNode 传递给 html2canvas ，以便它捕获当前元素的父元素.
输出如下：

这是我的代码：

html2canvas($('iframe'), {
    logging: true,
    onrendered: function(canvas){
        before_imgData = canvas.toDataURL('image/png');
        // console.log(before_imgData);
    }
});

但是我想要所有屏幕的屏幕截图，我怎样才能实现这一点，任何帮助将不胜感激。