Я пытаюсь использовать HTML2Canvas, чтобы отобразить содержимое div. Вот код:
var htmlSource = $('#potenzial-page')[0];
$('#btn').on("click", function() {
html2canvas(htmlSource).then(function(canvas) {
var img = canvas.toDataURL();
window.open(img);
});
});
Я использую v5 beta 3.
Когда этот код работает, он отображает только то, что видно на экране. #potenzial-page
div - это, по сути, целая страница, минус верхний и нижний колонтитулы. Весь контент в этом div виден прокруткой (есть некоторые скрытые элементы, но я не хочу, чтобы скрытые элементы были видны на изображении.)
Я не могу найти, что неправильно или почему это не спасет весь div. Я должен также отметить, что изображение выглядит так же высоко, как div, но только частично видимым.
Чтобы привести пример того, что я имею в виду, вот сравнение:
Слева - как HTML2Canvas должен отображать div. Правило показывает, как это проявляется при выполнении кода выше. Правильный образ - это то, что видно на экране моих браузеров.
Я попытался добавить параметр height
, но это не имеет значения.
UPDATE
Если я перейду к самому верхнему краю страницы, запустите script, он отобразит весь div так, как должен.
Как визуализировать div без прокрутки вверх?