html2canvas 在 Firefox 中有效，但在 Chrome 中无效

Question

我正在捕获 iframe 中存在的 Scorm 内容的屏幕截图，我在 Firefox 中获得屏幕截图，但在 Chrome 中却没有，问题似乎出在渲染到画布时的图像路径/URL。
我比较了结果来自两个浏览器的 logging: true 。
而且我发现 chrome 中的图像路径已更改，这就是它在 chrome 中不起作用的原因。
我该如何解决这个问题？帮助我......

var iframeEle = document.querySelector("iframe").contentWindow.document.body;//working

console.log(iframeEle);

// $('#saveReport').on('click', function(){
    html2canvas(iframeEle, {
        //background: '#fff',
       // height: window.innerHeight,
        //windowHeight: window.innerHeight,
        logging: true,
       
        onrendered: function(canvas){
            // before_imgData = canvas.toDataURL('image/png');
            before_imgData = canvas.toDataURL('image/jpeg');
        }
    });

firefox 浏览器日志：
当我检查渲染图像的路径时，它是正确的。

Chrome 浏览器日志：
在 Chrome 中，图像路径不正确，因为它由浏览器的当前 url 组成，这就是为什么无法正确捕获的原因。
我认为这是 chrome 相对路径的问题，而不是 firefox 的问题。