Блог

Главная - Вопросы по программированию - Добавление 2 отдельных изображений html2canvas для экспорта в jsPDF

Добавление 2 отдельных изображений html2canvas для экспорта в jsPDF

#javascript #ecmascript-6 #es6-promise #jspdf #html2canvas

Вопрос:

Я не могу понять, как добавить 2 изображения из html2canvas и поместить их в экспорт jsPDF. Вот мой код:

 function saveAsPDF() {
            html2canvas($("div[name='asset-comparison']"), {
                onrendered: function (canvas) {
                    var wid = canvas.width;
                    var hgt = canvas.height;
                    var img = canvas.toDataURL("image/png", wid, hgt);
                    var hratio = hgt / wid;
                    var doc = new jsPDF('l', 'mm', [297, 210]);
                    doc.addImage(img, 'PNG', 7, 25, width*.95, height*.95, 'none', 'NONE', null);
                    doc.save('AssetFuelComparison.pdf');
                }
            });
    }

Этот код успешно экспортирует нужный мне div, но мне нужно поместить 2 отдельно снятых изображения из html2canvas и поместить их в файл экспорта PDF. Я думаю, что мне нужно 2 строки, такие как:

 doc.addImage(img1, 'PNG', 7, 25, width*.95, height*.95, 'none', 'NONE', null);
doc.addImage(img2, 'PNG', 100, 25, width*.95, height*.95, 'none', 'NONE', null);

Но я не уверен, как выбрать 2 canvas’ из вызова строки html2canvas или как вызвать его отдельно и добавить в экспорт PDF. Упаковка их в один DIV в этом случае не поможет. Они должны быть отделены друг от друга. Спасибо.

Любые советы были бы великолепны

Метки: