PDF بۆ وێنە (JPG، PNG، WebP)ی بەخۆڕایی

چۆن کار دەکات

ئەم ئامرازە لاپەڕەی PDF بۆ وێنە دەگۆڕێت تەواو لە وێبگەڕەکەتدا بە بەکارهێنانی PDF.js (pdfjs-dist) — ئەنجینی نیگاردانی PDFی سەرچاوە-کراوەی Mozilla — پێکەوە لەگەڵ APIی Canvasی وێبگەڕ بۆ کۆدکردنی وێنە. فایلەکەت بەشێوەیەکی ناوخۆیی دەخوێنرێتەوە و هەرگیز بۆ سێرڤەرێک نانێردرێت.

1. 1
   PDF.js فایلەکە شیدەکاتەوە

   pdfjs-dist پێکهاتەی دووانیی PDFـەکە ڕاستەوخۆ لە بیرگەوە دەخوێنێتەوە — فۆنت، گرافیکی ڤێکتەر، وێنەی چەسپاندراو، و ڕێنماییەکانی ڕووکاری لاپەڕە — بە بەکارهێنانی نیگاردەری خۆی نووسراو بە جاڤاسکریپت. Web Workerێکی تایبەت (بارکراو لە CDNەوە) شیکردنەوەی قورس لە دەرەوەی ڕیسی سەرەکی جێبەجێدەکات بۆیە پەڕەکە وەڵامدەرەوە دەمێنێتەوە.
2. 2
   هەر لاپەڕەیەک دەکێشرێت بۆ canvasیەک

   بۆ هەر لاپەڕەیەکی داواکراو، PDF.js دیمەنێک ژمێردەکات پیواندراو بۆ DPIی هەڵبژێردراوت. بواری کۆردینەیتی بنەڕەتی PDF 72 DPIـیە، بۆیە کێشانی 300 DPI فاکتەری پیواندنی 300/72 ≈ 4.17x بەکاردێنێت، canvasیەکی گونجاو پێکدەهێنێت. PDF.js هەموو ناوەڕۆکی لاپەڕەکە — دەق، ڕێگا، وێنە — دەکێشێت لەسەر HTMLCanvasElementیەکی دەرەوەی شاشە بە بەکارهێنانی APIی Canvas 2D.
3. 3
   Canvas کۆددەکات بۆ فۆرماتی هەڵبژێردراوت

   دوای کێشان، ئامرازەکە canvas.toBlob() بانگدەکات لەگەڵ جۆری MIMEی ئامانج (image/png، image/jpeg، یان image/webp) و ڕێکخستنی کوالیتی. ئەمە کۆدکردنەکە دەگەیەنێت بۆ کۆدکەری وێنەی خودی وێبگەڕ — هەمان ئەنجینێک کە Chrome، Firefox، یان Safari بەسەرەکی بەکاریدەهێنن — Blobیەکی وێنەی کۆکراوەتەوە هەڵدەگرێت لە بیرگەدا.
4. 4
   تاک-تاک یان وەک ZIP داگرە

   هەر لاپەڕەیەکی کێشراو دەستبەجێ بەردەستە وەک لینکی ئۆبجێکت بۆ پێشبینین و داگرتنی تاک-فایل. ئەگەر هەموو لاپەڕەکان بەیەکجار داگریت، کتێبخانەی jszip بلۆبی لە-بیرگە کۆدەکاتەوە بۆ ئارشیڤێکی ZIP لایەنی داواکار، پاشان یەک داگرتن دەگیرسێنێت — هیچ گەشتی سێرڤەرێک لە هیچ قۆناغێکدا نییە.

ئامرازە پەیوەندیدارەکان