HTML2Canvas не захватывает холст с отображенным в нем SVG в IE 11 - PullRequest
0 голосов
/ 05 августа 2020

Я использую HTML2Canvas в своем приложении для захвата разных страниц, и одна из страниц, которые мне нужно захватить, содержит сетку, которая выглядит следующим образом:

enter image description here

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.

Кто-нибудь еще сталкивался с этой проблемой раньше?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...