Pdf.js: 단일 페이지 뷰어에 대한 예제 작성

안녕하세요! 이 문제를 해결하고 싶습니다. Github에서 문제를 해결하는 것은 이번이 처음이므로 시작하는 방법을 알아낼 수 있도록 도와 주시면 좋겠습니다.
이미 gulp 서버로 실행되는 로컬 복사본이 있습니다.

https://github.com/mozilla/pdf.js/tree/master/examples/components 폴더에 구성 요소 예제가 있습니다. 이 패치의 목적은 PDFSinglePageViewer 를 사용하는 예제를 추가하는 것입니다. 다른 예제와 마찬가지로 기본 Tracemonkey PDF 파일 만로드 할 수 있습니다.

감사! 나는 이것에 대해 노력할 것이다.

그래서 나는 여기서 약간 혼란스러워하고 있습니다. 이것이 내가 이해 한 것입니다.
구성 요소 폴더에서 pageviewer.js는 pdf_page_view.js를 사용하여 pdf 파일을 정상적으로 표시하는 예제입니다. pdf_single_page_viewer.js를 사용하는 singlepageviewer.js와 같은 예제를 만들어야합니다.

나는 지금까지 올바른 길을 가고 있는가?

기본적으로 이것이 단일 페이지 뷰어를 사용하도록 pageviewer.js 파일에서 편집해야하는 것입니까?

return pdfDocument.getPage(PAGE_TO_VIEW).then(function (pdfPage) {
    // Creating the page view with default parameters.
    var pdfPageView = new PDFJS.PDFPageView({
      container: container,
      id: PAGE_TO_VIEW,
      scale: SCALE,
      defaultViewport: pdfPage.getViewport(SCALE),
      // We can enable text/annotations layers, if needed
      textLayerFactory: new PDFJS.DefaultTextLayerFactory(),
      annotationLayerFactory: new PDFJS.DefaultAnnotationLayerFactory()
    });
    // Associates the actual page with the view, and drawing it
    pdfPageView.setPdfPage(pdfPage);
    return pdfPageView.draw();
  });

다음은 singlepageviewer.js가 편집 된 부분으로 포함하는 내용입니다.

return pdfDocument.getPage(PAGE_TO_VIEW).then(function (pdfPage) {
    // Creating the page view with default parameters.
    var pdfSinglePageView = new PDFJS.PDFSinglePageViewer({
      container: container,
      id: PAGE_TO_VIEW,
      scale: SCALE,
      defaultViewport: pdfPage.getViewport(SCALE),
      // We can enable text/annotations layers, if needed
      textLayerFactory: new PDFJS.DefaultTextLayerFactory(),
      annotationLayerFactory: new PDFJS.DefaultAnnotationLayerFactory()
    });
    // Associates the actual page with the view, and drawing it
    pdfSinglePageView.setPdfPage(pdfPage);
    return pdfSinglePageView.draw();
  });

지금까지의 접근 방식이 의미가 있습니까?

시간 내 주셔서 감사합니다!

적절한 형식으로 댓글을 다시 게시합니다.

구성 요소 폴더에서 pageviewer.js는 pdf_page_view.js를 사용하여 pdf 파일을 정상적으로 표시하는 예제입니다. pdf_single_page_viewer.js를 사용하는 singlepageviewer.js와 같은 예제를 만들어야합니다.

PDFSinglePageViewer 는 https://github.com/mozilla/pdf.js/blob/master/examples/components/simpleviewer.js 의 새 예제를 기반으로 PDFViewer 과 동일한 인터페이스를 구현한다는 점을 고려 하십시오. 훨씬 더 적절한 출발점이 될 것입니다.

그 조언에 감사드립니다!
https://github.com/mozilla/pdf.js/pull/8989 풀 요청을 제출했습니다

편집하다:
여기에 뭔가 빠졌는지 모르겠지만 구성 요소 예제 중 http://localhost:8888/examples/components/{anyfile}.html 의 브라우저에 아무것도 표시되지 않습니다. 콘솔에 다음 오류가 표시됩니다.

singlepageviewer.html:38 GET http://localhost:8888/node_modules/pdfjs-dist/web/pdf_viewer.css net::ERR_ABORTED
singlepageviewer.html:40 GET http://localhost:8888/node_modules/pdfjs-dist/build/pdf.js net::ERR_ABORTED
singlepageviewer.html:41 GET http://localhost:8888/node_modules/pdfjs-dist/web/pdf_single_page_viewer.js net::ERR_ABORTED
singlepageviewer.js:18 Uncaught ReferenceError: PDFJS is not defined
    at singlepageviewer.js:18

여기에 뭔가 빠졌는지 모르겠지만 http : // localhost : 8888 / examples / components / {anyfile} .html의 브라우저에 아무것도 표시되지 않는 구성 요소 예제가 없습니다. 콘솔에 다음 오류가 표시됩니다.

예제의 *.js 파일에서 언급했듯이, 예를 들어 여기를 참조하십시오. gulp dist-install 했습니까?

감사합니다!
다음은 검토 한 모든 변경 사항을 포함하고 Contributing and Squashing Commits wiki에 따른 pull 요청입니다 : https://github.com/mozilla/pdf.js/pull/8990
시간 내 주셔서 감사합니다!