Я использую HTML2Canvas в своем приложении для захвата разных страниц, и одна из страниц, которые мне нужно захватить, содержит сетку, которая выглядит следующим образом:
The picture above has a structure like this one in HTML:
Хотя сама сетка хорошо визуализируется и правильно конвертируется для последующего использования в pdf, холст с изображением, который находится за кадром с сеткой, не отображается вообще. Я уже пытался экспортировать только холст с pi c, игнорируя все остальное, и ничего не отображается, но пространство, где должен быть холст, занято в результирующем холсте, только оно пустое.
Вот пи c результата после того, как HTML2Canvas выполнит свою работу:
введите описание изображения здесь
Это происходит только в IE 11, в Chrome, Edge и Firefox все работает хорошо и сетка экспортируется точно так, как это видно на первом изображении.
Для HTML2Canvas я использую следующие параметры:
html2canvas(clone, {
useCORS: true,
logging: false,
scale: window.devicePixelRatio && window.devicePixelRatio >= 1 ? window.devicePixelRatio : 1,
})
Я использую HTML2Canvas RC5, последнюю версию, доступную на NPM.
Не используется IE 11 не вариант, поскольку моему клиенту требуется полная поддержка IE 11 наряду с новыми браузерами. Приложение использует Angular 9 с целевым es5.
Кто-нибудь еще сталкивался с этой проблемой раньше?