html - html2canvas 图像在页面滚动时未完全呈现

Question

我正在使用html2canvas使用qlik mashup导出图像。没有页面滚动，它工作正常。但是，当我滚动时，屏幕上看不到完整的图表；只有部分/一半的图像正在渲染。这是屏幕截图：

我只有在向上或向下滚动后才会遇到这个问题。下面是我的代码：

$scope.exportImg = function (object) {
      html2canvas(angular.element(document.getElementById(object))[0]).then(canvas => {
        var a = document.createElement('a');
        a.href = canvas.toDataURL("image/png");
        a.download = object + '.png';
        a.click();
      });
    }

<div class="export-excel export-excel-last" ng-click="exportImg(objectId)">Export As Image</div>

请看这个小提琴。我的担心几乎是相似的。

JSFIDDLE

请提出这里可能存在的问题。有什么我想念的吗？我无法找到解决方案。