تبدیل تصاویر به PDF با جاوا اسکریپت
تبدیل تصاویر به فرمت PDF یکی از نیازهای رایج در دنیای دیجیتال است. با استفاده از جاوا اسکریپت، می‌توان به راحتی این فرآیند را انجام داد. در این مقاله، به بررسی روش‌های مختلف برای
تبدیل تصاویر به PDF با جاوا اسکریپت
می‌پردازیم.استفاده از کتابخانه jsPDF
یکی از محبوب‌ترین کتابخانه‌ها برای این کار jsPDF است. این کتابخانه به شما این امکان را می‌دهد که به سادگی فایل‌های PDF ایجاد کنید.
نصب jsPDF
برای استفاده از jsPDF، ابتدا باید آن را به پروژه خود اضافه کنید. می‌توانید این کار را با استفاده از npm یا با اضافه کردن یک لینک به CDN انجام دهید.
```html
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/
- 4.0/jspdf.umd.min.js"></script>
تبدیل تصویر به PDF
حال که jsPDF را اضافه کرده‌اید، می‌توانید به راحتی تصاویر را به PDF تبدیل کنید. به عنوان مثال:
```javascript
const { jsPDF } = window.jspdf;
function createPDF(imageData) {
const doc = new jsPDF();
doc.addImage(imageData, 'JPEG', 10, 10, 180, 160); // موقعیت و اندازه تصویر
doc.save('download.pdf');
}
```
در این کد، `imageData` داده‌های تصویری شما است که می‌تواند به صورت Base64 باشد.
استفاده از HTML2Canvas
اگر می‌خواهید از محتوای HTML به PDF تبدیل کنید، می‌توانید از HTML2Canvas به همراه jsPDF استفاده کنید.
نصب HTML2Canvas
شما می‌توانید HTML2Canvas را به پروژه خود اضافه کنید:
```html
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/
- 4.1/html2canvas.min.js"></script>
کد تبدیل محتوا به PDF
```javascript
function captureAndCreatePDF() {
html2canvas(document.querySelector("#capture")).then(canvas => {
const imgData = canvas.toDataURL('image/png');
const pdf = new jsPDF();
pdf.addImage(imgData, 'PNG', 0, 0);
pdf.save('download.pdf');
});
}
```
نتیجه‌گیری
