Pdf.js: 기능 : 두 페이지보기

https://bugzilla.mozilla.org/show_bug.cgi?id=786602 참조

100 % 및 페이지 맞춤에 대해서는 Adobe Reader가 수행하는 작업이며 PDF.js에 포함하는 것이 좋을 것이라는 데 동의합니다.

두 페이지보기에 대해서도 동의합니다.

+1

지난 4 년 동안 이것에 대한 어떤 작업이라도?

이것에 대해 여전히 약간의 혼란이 있기 때문에 이것을 조금 명확히하겠습니다. 이에 대한 작업 진행중인 풀 리퀘스트가 있었지만, 주요 문제는 뷰어가 당시에는 모듈식이 아니고 통합 테스트가 없었기 때문에 코드가 _ 많았다는 것입니다. 아직 뷰어에 대한 통합 테스트가 없으므로 모든 테스트는 수동으로 이루어져야합니다. 그렇지 않은 것 같지만 실제로 지원하기 어려운 기능입니다. 페이지가 너무 넓 으면 어떻게 되나요? 크기가 다른 페이지는 어떻게 되나요?

이 문제는 이유가 있습니다. 우리는 여전히 그것을 유용한 기능으로 생각하고 있지만 누군가이 작업을 할 시간을 찾아야합니다. 누군가이 작업을 수행 할 의향이 있다면 먼저 뷰어를위한 일종의 자동화 된 테스트가 필요합니다. 그렇지 않으면 도입 회귀의 위험이 커집니다.

+1

여기에 +1 댓글을 추가하는 대신 GitHub의 +1 반응 버튼을 사용하세요. +1 반응 버튼을 사용하면 +1이 많은 문제를 필터링하여 더 나은 방식으로 문제의 우선 순위를 지정할 수 있습니다.

확인. 댓글 대신 반응 버튼을 사용했습니다. 감사

제가 실제로 책을 생각하는 방식을 지원할 수 있도록 이걸 좋아합니다. 하이퍼 텍스트 이전으로 돌아가서, "선형"이라는 책에 약간의 난간이 있었고, 일부 사람들은 책을 잘라내어 전체 책의 거대한 포스터를 붙여 넣을 수 있도록 책을 복사하는 것을 옹호하기도했습니다. 그들의 작품은 "디지털 셰익스피어"라고 불리는 초기 프로젝트 였는데, 그의 모든 연극은 포스트 스크립트로 인코딩되어 그의 작품 위로 "날아갈"수있었습니다. 이것은 나에게 너무 형식적이지 않기 때문에, 내 관례는 다이의 5면에있는 반점처럼 배열 된 5 개의 2 페이지 스프레드로 그룹화 된 10 페이지 세트를 생각하는 것입니다.

[0 | 1] [2 | 3]
``[4 | 5]
[6 | 7] [8 | 9]

이제 이것들을 가지고 수백 개의 세트에 넣는 높은 수준이 있습니다.

요점은 pdf.js로이 작업을 수행 할 수있는 기회가있을 수 있지만 먼저 두 페이지 표시가 필요하다는 것입니다.

👍

@timvandermeij 업데이트

이 기능을 추가하려면 어떻게해야합니까? 뭐?

다음 단계는 자동화 된 통합 테스트를 추가하는 것입니다. # 6505

작업하는 데 PDF.js 코드베이스에 대한 많은 지식이 필요하지 않기 때문에 좋은 초보자 버그입니다. 아마도 다른 JS 프로젝트의 기여자들은 통합 테스트에 대한 경험이있을 것입니다. 첫 번째 단계는 선택하고 추가하는 것입니다. 통합 테스트 프레임 워크입니다. "

이 기능을 pdf.js 자체에서 구현해야하는 이유가 있습니까? pdf.js 기반 리더 앱에서 구현하는 것은 사소하고 렌더러를 망칠 위험이 없습니다. pdf.js가 예전처럼 단일 페이지를 처리하도록하고, 원하는 지오메트리에서 두 개 (또는 필요한 경우 더 많은) 캔버스 요소를 사용하고 시작합니다.

간단한 데모는 pdf.js 이전 / 다음 예제를 기반으로 작성하는 데 몇 분도 걸리지 않았습니다.

https://jsfiddle.net/Yetangitu/1egqfefu/4/

버튼을 사용하거나 왼쪽 / 오른쪽 페이지를 클릭하여 탐색합니다.

@tfer는 ' https://jsfiddle.net/Yetangitu/ht04sp3b/

(스케일 팩터 증가, 대형 모니터에 표시, 이익!)

내가 볼 수있는 한 pds.js가 다중 페이지 렌더링을 지원할 필요가 없다는 것을 알 수 있으며, 이것은 더 높은 수준에서 적절하게 처리 할 수 ​​있습니다.

@yurydelendik 이 솔루션은 어떤면에서 혼란 스럽습니까? Nextcloud / Owncloud 용 PDF 뷰어를 구축하는 데 사용하고 있습니다. 잘 작동합니다.

이 솔루션은 어떤면에서 혼란 스럽습니까?

데모 뷰어에 맞지 않습니다.

https://jsfiddle.net/Yetangitu/1egqfefu/4/

@Yetangitu 예제를 기반으로 한 이중 페이지 디스플레이로 맞춤형 뷰어를 작성하는 것은 나에게는 완벽하지만 우리가 받아 들일 수있는 PR은 아닙니다. 위에서 제안한 솔루션이이 문제를 해결했음을 참조하여이 문제를 해결 하시겠습니까? 그렇지 않다면 데모 뷰어에 코드를 어떻게 적용 할 수 있는지 설명 / 보여주십시오.

이 문제를 닫지 마십시오! 주요 문제를 해결하지 않는 솔루션으로 수많은 다른 문제가 열리고 닫혔습니다. PDFjs에는 2 페이지보기를위한 기본 제공 방법이 절실히 필요합니다. 저널 기사, 매뉴얼 등과 같은 많은 PDF는 1 페이지보기에서 잘 보입니다. 그러나 구텐베르크 이후 모든 책은 LR 레이아웃으로 볼 수 있도록 설계되었습니다. 나는 프로덕션 사이트에서 @Snuffleupagus 의 PR # 3723을 사용하고 있으며, 지금은 잘 작동하지만 더 발전 할 가치가 있습니다.

@yurydelendik 수년 동안 확산 가능한 JS PDF 뷰어를 찾고있는 사람들에게 힌트처럼 완벽한 솔루션이 아닙니다. 데모 뷰어에 통합 될 수 있지만 약간의 작업이 필요합니다. 내가 만들고있는 뷰어는 이전에 만든 EPUB 뷰어와 같이 보이고 행동하기위한 것이므로 (즉, 가로로 페이지, 실행 가능한 경우 '책처럼 보이는'등) 데모 뷰어와 상당히 다르기 때문에 그렇지 않습니다. 확산 가능한 비트를 패치하는 간단한 문제입니다.

이 유형의 기능은 pdf.js 인 기본 PDF 디코딩 / 렌더링 라이브러리가 아닌 뷰어 응용 프로그램에 있다고 생각하므로이 pdf.js 문제에 대한 내 반응입니다.

나는 개념을 시도해보고 싶은 사람들을 위해 며칠 안에 PDF 가능 버전의 Reader를 출시합니다. Reader는 Nextcloud / Owncloud 앱이므로 어딘가에 편리하게 사용할 수 있어야합니다.

@yurydelendik EPUB 뷰어에 대한 링크는 무엇입니까? 사람들이 현재 PDF를 보는 것처럼 EPUB를보다 쉽게 ​​볼 수 있도록 기본적으로 포함될 수있는 간단한 JS 라이브러리가 있다면 좋을 것입니다. 이것은 새로운 문제 (또는 새로운 프로젝트) 일 수 있습니다.

2018 년이고 지금은 7 년 동안 떠돌고 있습니다. 우와! 아직 업데이트 / 타임 라인이 없습니까?

댓글 위의 pull 요청이이를 구현합니다. 아무 문제가 없는지 확인하기 위해 테스트 할 수 있도록 누구든지 환영합니다.

참고로 Nextcloud 및 Owncloud 용 리더 앱은 이제 제가 언급 한 2 페이지 (스프레드) 모드를 포함하여 PDF를 지원합니다. Github에서 찾을 수 있습니다.

https://github.com/Yetangitu/owncloud-apps/tree/master/files_reader

Nextcloud 앱 저장소에서 :

https://apps.nextcloud.com/apps/files_reader

곧 Owncloud 저장소에도 나타날 것입니다.

댓글 위의 pull 요청이이를 구현합니다. 아무 문제가 없는지 확인하기 위해 테스트 할 수 있도록 누구든지 환영합니다.

테스트하고 싶은데 무엇이 필요합니까? 테스트 할 수있는 바이너리 Blob 또는 컴파일 된 SW가 있습니까? 야간 베타 마스터주기를 통해 테스트 해 보지 않겠습니까?

참고로 Nextcloud 및 Owncloud 용 리더 앱이 이제 PDF를 지원합니다.

이제 독립 실행 형 뷰어로 실행하는 방법을 알아 내면됩니다. Sumatra는 2 페이지도 볼 수 있지만 하위 픽셀 렌더링이 없습니다. FF에는 하위 픽셀 렌더링이 있지만 2 페이지 표준보기는 없습니다. 따라서 현재 Windows에는 사용할 수있는 오픈 소스 PDF 뷰어가 없습니다.

http://54.67.70.0 : 8877 / 5e5412c2765c9bd / web / viewer.html에서 미리보기 빌드를 사용하여 테스트 할 수 있습니다. 자세한 내용은 # 9208을 참조하십시오.

http://54.67.70.0 : 8877 / 5e5412c2765c9bd / web / viewer.html에서 미리보기 빌드를 사용하여 테스트 할 수 있습니다.

놀랍습니다, 감사합니다. 이를 테스트하려면 "Grid Scrolling"을 선택하고 확대 / 축소를 100 %로 줄여야합니다. 결과 :

1. 설정 : 그리드 스크롤 및 사이드 바 표시 설정은 새 PDF를 열 때 기억되지만 확대 / 축소 수준은 기억되지 않습니다 (새 PDF를 열 때 항상 자동 확대 / 축소로 기본 설정되지만 표준 pdf.js에서도 발생합니다)
2. 성능 : 많은 텍스트와 큰 이미지가있는 일부 PDF로 테스트했습니다. 표준 pdf.js와 동일한 성능처럼 보이지만 표준 pdf.js는 많은 경우에 foxit pdf 리더보다 느립니다. 충분한 페이지가 "미리 읽혀지지"않기 때문입니다. 이는 빠르게 스크롤 할 때 로딩 휠이 곧 표시된다는 것을 의미합니다. 또한 이미 읽은 페이지는 RAM에 "기억"되지 않습니다. 다시 위로 스크롤하면 로딩 휠이 다시 표시됩니다. 그러나 말했듯이 이것은 일반 표준 pdf.js의 문제인 것 같습니다.
3. 호환성 : A4 이외 크기 테스트, 페이지 크기가 다른 하나의 PDF. 비표준 PDF에서 헤더 이미지가 누락되었지만 표준 pdf.js에서도 발생했습니다.
4. 기술 : 내 표준 FF와 마찬가지로 모든 것이 작동합니다 (서브 픽셀 글꼴 렌더링, 하드웨어 가속 ...). 또한 작동 : Javascript 작업이있는 PDF / A 및 PDF. 텍스트 입력 요소가있는 PDF는 작동하지 않지만 표준 pdf.js에서도 작동하지 않습니다 ( "PDF에는 공식 데이터가 포함되어 있습니다. 포럼 편집은 지원되지 않습니다").
5. 스트레스 : 50 개의 PDF와 수천 페이지의 일부 고문을 테스트했습니다.

이름을 다르게 지정할 수 있습니다 (예 : "다중 페이지보기"이지만 원어민이 아닙니다.이 설정이 무엇을하는지 직접 알지 못함).

결론 : 그리드 스크롤 버전은 그리드가 아닌 표준 pdf.js와 똑같이 작동합니다. pdf.js에는 일반적으로 개선 할 수있는 몇 가지 문제가 있지만 그리드 스크롤 PR과 관련된 것은 없습니다. 그리드 스크롤 버전은 절대적으로 훌륭합니다. "헤더 바"가 자동으로 숨겨진다면 환상적 일 것입니다. Chrome의 PDF 뷰어에서이 막대는 마우스를 움직이거나 화면을 터치 할 때 몇 초 동안 만 표시됩니다. 그 외에도 FF 안정에서 사용할 수있을 때까지이 그리드 스크롤 버전을 표준 PDF 리더로 사용하는 방법을 이미 생각하고 있습니다.)

빠르고 깔끔한 해킹을 찾는 사람들을 위해 (viewer.html)에 CSS 마법을 추가하십시오.

<style>
#viewer {
  margin-left:20px;
}
div.page {
  float:left;
}
</style>

약 75 %로 확대 / 축소 설정 (= 내 1440x900 화면에서 두 페이지보기)

이 기능을 pdf.js 자체에서 구현해야하는 이유가 있습니까? pdf.js 기반 리더 앱에서 구현하는 것은 사소하고 렌더러를 망칠 위험이 없습니다.

예, 동의합니다. pdf.js 코드에있을 필요는 없습니다 ...

빠르고 깔끔한 해킹을 찾는 사람들을 위해 (viewer.html)에 CSS 마법을 추가하십시오 ...

해결해 주셔서 감사합니다.

요약하자면, 누군가 @icedman 의 workaroud를 주입하는 확장을 작성할 수 있습니까? 한 번의 클릭으로 1p / 2p보기를 전환 할 수 있도록? 페이지를 로컬로 삽입 / 수정하는 확장 "Kill Sticky"가 있으므로 이것이 가능해야합니다.

감사