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

请提出这里可能要关注的问题。我有什么想念的吗？我找不到解决方案。