Я использую 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
Пожалуйста, предложите, что может быть беспокойством здесь. Есть ли что-то, что я пропускаю? Я не могу найти решение для этого.