Angular의 PDF 표시 라이브러리 조사 결과

PDF를 표시하는 기능의 조사 개요를 기재합니다.
시간이 있다면 git 저장소를 만들어 드리겠지만 메모를 생각해보십시오.

요구사항

유연하게 UI 교체가 가능

동일한 페이지 내부에 여러 PDF를 표시 할 수 있습니다

pdf의 문자내 검색을 할 수 있다

지정된 페이지로 전환하거나 이동할 수 있습니다

고려된 라이브러리

ng2-pdf-viewer npm/git

ng2-pdfjs-viewer npm/git

ngx-extended-pdf-viewer npm/git

GitHub / npm trends에서

고찰

ng2-pdf-viewer는 안정되어 있고 이용률.Contribute 수는 높다.
ngx-extended-pdf-viewer에 대해서는 최근 수치를 늘리고 있어 다기능.

표

library
used by
Contributes


ng2-pdf-viewer
3.9k
24

ng2-pdfjs-viewer
209
4

ngx-extended-pdf-viewer
449
14


2020/12/16 현재

비교표

npm trends 보다 인용

기능 비교

필요한 기능 확인

유연하게 UI 교체가 가능

동일한 페이지 내부에 여러 PDF를 표시 할 수 있습니다

pdf의 문자내 검색을 할 수 있다

지정된 페이지로 전환하거나 이동할 수 있습니다

필요한 기능의 정오표

library
UI 교체 가능
여러 PDF를 볼 수 있습니다.
pdf의 문자 내부 검색을 할 수 있다
지정된 페이지로 전환하거나 이동할 수 있습니다.


ng2-pdf-viewer
△*1
○
○
△*2

ng2-pdfjs-viewer
×
×
○
○

ngx-extended-pdf-viewer
△*3
△*4
○
○

*1 : thumbnailについては、本体の全てのページがレンダリングした時でないと全てのPDFは表示されない
*2 : 機能の提供はされておらず、自力で実装する必要がある
*3 : 機能の提供はあるが、一瞬表示されるバグが存在しているためあまりUXがよいとは言えなかった
*4 : 同一のページ内部で表示することができず、1つのページに一つのPDFしか表示することができない

기본 기능

ng-pdf-viewer

페이지 정보 얻기

현재 페이지 가져 오기

total page 취득

기타 기능

회전

확대/축소

PDF 크기 조정

Rending Condtion

텍스트로 렌더링

rendering condition의 취득

검색

검색

검색 조회수

검색 관련 하이라이트

ng-pdfjs-viewer

페이지 정보 얻기

현재 페이지 가져 오기

total page 취득

기타 기능

회전

확대/축소

PDF 크기 조정

다운로드

지정 페이지로의 스크롤

북마크

Rending Condtion

텍스트로 렌더링

rendering condition의 취득

검색

검색

검색 조회수

검색 관련 하이라이트

ngx-extended-pdf-viewer

페이지 정보 얻기

현재 페이지 가져 오기

total page 취득

기타 기능

회전

확대/축소

PDF 크기 조정

다운로드

지정 페이지로의 스크롤

북마크

인증 기능

메뉴 사용자 정의

언어 지정

비밀번호 해제

PDF 정보 표시

Rending Condtion

텍스트로 렌더링

rendering condition의 취득

검색

검색

검색 조회수

검색 관련 하이라이트