๊ตฌ์ฑ:
//mozilla.github.io/pdf.js/build/pdf.js
์ง์ ํฌํจ๋จ)๋ฌธ์ ๋ฅผ ์ฌํํ๋ ๋จ๊ณ:
1. ๋ค์์ ํตํด ํฌํจ
- <script src="//mozilla.github.io/pdf.js/build/pdf.js"></script>
2. ์ธํธ:
- pdfjsLib.GlobalWorkerOptions.workerSrc = '//mozilla.github.io/pdf.js/build/pdf.worker.js';
3. https://mozilla.github.io/pdf.js/examples/์ ์์ ์ฌ์ฉ
๋ฌด์์ด ์๋ชป๋์๋์? (์คํฌ๋ฆฐ์ท ์ถ๊ฐ)
์์ ๋ ์ด ์๋ก์ด API ์ฌ์ฉ์ผ๋ก ์ด๋ฏธ ์
๋ฐ์ดํธ๋์์ง๋ง ์์ง JSFiddle์์๋ ์
๋ฐ์ดํธ๋์ง ์์์ต๋๋ค. @yurydelendik examples
ํด๋์ ํ์ฌ ์ฝ๋๋ก ํด๋น ํ์ด์ง์ ๋ชจ๋ ์์ ๋ฅผ ์
๋ฐ์ดํธํ ์ ์์ต๋๊น?
๊ฒฐ์ ๋
v1์์ v2๋ก ์ ๊ทธ๋ ์ด๋ํ ๋ ์ด ์ค๋ฅ๊ฐ ๋ฐ์ํ๊ธฐ ๋๋ฌธ์ ์ฌ๊ธฐ์ ์์ต๋๋ค.
Deprecated API usage: PDFDocumentLoadingTask.then method, use the `promise` getter instead.
๊ฐ๋จํ ๋งํด์, ์ด์ ๋ช
์์ ์ผ๋ก .promise
์ฐธ์กฐํด์ผ ํฉ๋๋ค.
//V1
const loadPDF = await PDFJS.getDocument(file);
const pages = loadPDF.numPages;
//V2
const loadPDF = await PDFJS.getDocument(file).promise; //<-- simply change it here
const pages = loadPDF.numPages;
๋ทฐ ํฌํธ ์ค๋ฅ๋ ๋ฒ์ 1 ๋ฐฉ์์ ์ฌ์ฉํ๋ ๊ฒ์
๋๋ค.
var viewport = pdfPage.getViewport(scale, rotate);
GetViewportParameters๋ฅผ ์ฌ์ฉํ๋๋ก ๋ณ๊ฒฝํ์ญ์์ค.
https://github.com/mozilla/pdf.js/blob/master/src/display/api.js#L158
var viewport = pdfPage.getViewport({scale:scale, rotate:rotate});
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
v1์์ v2๋ก ์ ๊ทธ๋ ์ด๋ํ ๋ ์ด ์ค๋ฅ๊ฐ ๋ฐ์ํ๊ธฐ ๋๋ฌธ์ ์ฌ๊ธฐ์ ์์ต๋๋ค.
๊ฐ๋จํ ๋งํด์, ์ด์ ๋ช ์์ ์ผ๋ก
.promise
์ฐธ์กฐํด์ผ ํฉ๋๋ค.