Xem Tài Liệu PDF Trực Tiếp Trên Trình Duyệt Với Thư Viện PDF.js | Gextend

• Home
• Forums New posts Search forums
• Resources Latest reviews Search resources
• Members Current visitors New profile posts Search profile posts
• What's new Featured content New posts New resources New profile posts Latest activity

Log in Register What's new Search

Search

Everywhere Threads This forum This thread Search titles only Note By: Search Advanced search…

• New posts
• Search forums

Menu Log in Register Install the app Install How to install the app on iOS

Follow along with the video below to see how to install our site as a web app on your home screen.

Note: This feature may not be available in some browsers.

• Home
• Forums
• Discussion
• Web
• JavaScript

You are using an out of date browser. It may not display this or other websites correctly.You should upgrade or use an alternative browser. ShareXem tài liệu PDF trực tiếp trên trình duyệt với thư viện PDF.js

• Thread starter Thread starter filiallion
• Start date Start date 05/20/2019
• Tags Tags javascript pdf pdf.js viewer

filiallion

Administrator

Staff member Administrator Messages 590 Points 10 Language Tiếng Việt Nếu các bạn sử dụng trình duyệt web Firefox thì có lẽ các bạn cũng đã ít nhất một lần đọc tài liệu PDF trực tiếp trên Firefox rồi. Vậy làm cách nào để tạo ra trình đọc tài liệu trực tiếp này trên Firefox? Rất đơn giản, Mozilla cung cấp cho các bạn lập trình viên một bộ thư viện JavaScript dùng để xây dựng trình đọc tài liệu PDF một cách dễ dàng, bộ thư viện mà tôi nhắc tới đó chính là PDF.js. Cũng cần phải lưu ý với các bạn, thư viện PDF.js là bộ thư viện do chính Mozilla phát triển nên chắc chắn đảm bảo tính ổn định hơn so với các thư viện khác, đặc biệt là sử dụng trên trình duyệt Firefox. Việc sử dụng thư viện PDF.js cũng không quá khó khăn, các bạn chỉ việc tải thư viện PDF.js tại địa chỉ https://mozilla.github.io/pdf.js/getting_started/#download và tích hợp vào website với dòng mã lệnh HTML như sau: HTML: <script src="path/to/pdf.js"></script> Và sau đây là ví dụ đơn giản để các bạn hiển thị tài liệu PDF trên trình duyệt: JavaScript: //Đọc tài liệu PDF var loadingTask = pdfjsLib.getDocument('path/to/filename.pdf'); //Hiển thị trên trình duyệt loadingTask.promise.then(function(pdf) { pdf.getPage(1).then(function(page) { var viewport = page.getViewport({ scale: 1.5 }); var canvas = document.getElementById('pdf-canvas'); var context = canvas.getContext('2d'); canvas.height = viewport.height; canvas.width = viewport.width; page.render({ canvasContext: context, viewport: viewport }); }); }); Trên đây chỉ là một ví dụ rất đơn giản để các bạn hiển thị tài liệu PDF trên trình duyệt, để có thể thiết kế trình đọc tài liệu PDF tương tự với nhiều chức năng như trên trình duyệt Firefox thì các bạn có thể tìm hiểu thêm tại địa chỉ https://mozilla.github.io/pdf.js. You must log in or register to reply here. Share: Facebook X Bluesky LinkedIn Reddit Pinterest Tumblr WhatsApp Email Share Link

• Home
• Forums
• Discussion
• Web
• JavaScript

Back Top