#canvas #fabricjs #jspdf
Вопрос:
Я создаю PDF-файл с холста и пытаюсь сохранить PDF-файл на пути к серверу. Но JSPDF не поддерживает сохранение PDF-файла в определенном месте, он просто загружает PDF-файл в папку загрузки.
Ниже приведен код, который я использую:
var pdf = new jsPDF('p', 'pt', 'a4');
var length = 3;
$("#generatePDF .canvas-container").each(function(index, value){
console.log('Here we go...' index);
html2canvas($("#canvas_" index), {
onrendered: function(canvas) {
var imgData = canvas.toDataURL('image/png');
if(index == length){
console.log('PDF => ' pdf 'pdf json ' JSON.stringify(pdf));
pdf.output("D:XampphtdocsstoricallypublicTest.pdf");
//alert("ok");
//pdf.save("D:XampphtdocsstoricallypublicTest.pdf");
//pdf.save('sample-file.pdf');
}else{
pdf.addImage(imgData, 'PNG', 10, 10);
pdf.addPage();
}
}
});
});
Версия JSPDF:-
<script src="https://html2canvas.hertzen.com/dist/html2canvas.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.0.0/jspdf.umd.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dompurify/2.2.6/purify.min.js" integrity="sha512-rXAHWSMciPq2KsOxTvUeYNBb45apbcEXUVSIexVPOBnKfD/xo99uUe5M2OOsC49hGdUrkRLYsATkQQHMzUo/ew==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js" integrity="sha512-jzL0FvPiDtXef2o2XZJWgaEpVAihqquZT/tT89qCVaxVuHwJ/1DFcJ 8TBMXplSJXE8gLbVAUv Lj20qHpGx A==" crossorigin="anonymous"></script>
Комментарии:
1. Если вы хотите, чтобы pdf-файл был сохранен в определенной папке на вашем сервере, вам сначала нужно настроить конечную точку сервера для приема загрузки файлов (это невозможно сделать только с помощью javascript, это было бы огромным риском для безопасности).