html2canvas и pdfmake не отображают изображения в PDF - PullRequest
0 голосов
/ 08 мая 2018

Использование html2canvas и pdfmake для экспорта HTML в файл PDF. Делаем это в среде AngularJS.

У меня проблема, изображения в HTML не отображаются в файле PDF. data содержит строку base64, но когда я ее декодирую, изображений нет (только таблица и текст, которые я написал). Что я тут не так делаю?

html2canvas($("#pdfFileToExport"), {
    onrendered: function (canvas) {
        var data = canvas.toDataURL();
        var docDefinition = {
            content: [{
                image: data,
                width: 500
            }]
        };
        pdfMake.createPdf(docDefinition).download("fileName.pdf");
    }
});

1 Ответ

0 голосов
/ 06 октября 2018

Что такое URL изображения? Это с другого хоста, кроме того, где ваше приложение работает? По умолчанию html2canvas блокирует исходные изображения. Вы можете переопределить это с помощью опции «proxy», однако я думаю, что chrome все еще будет блокировать изображения с перекрестным происхождением. Лучше всего убедиться, что у вас есть тот же источник изображения, который используется на странице.

См. Раздел «Ограничения» здесь: http://html2canvas.hertzen.com/documentation

...