Pdf.js: 인쇄가 흐릿하거나 흐릿함

pdf.js 출력이 캔버스(정확하게는 페이지당 하나의 캔버스)이기 때문에 아마도 프린터 해상도와 100% 일치하지 않을 것입니다.

이것은 나에게도 일어난다.

• 상단 = Firefox 내장 PDF.js
• 하단 = 어도비 아크로뱃

인쇄 품질은 단순히 받아 들일 수 없습니다.
또한 내장 PDF.js는 작은 크기의 시트를 복사한 것처럼 오른쪽과 아래쪽에 검은색 테두리를 생성합니다.

어떤 해결책이 있습니까? 저는 핫라인에 있고 이 문제를 가진 200명의 사용자가 있습니다.

@BadFriend , @musiphil , 귀하 또는 귀하의 사용자가 사용하는 운영 체제는 무엇입니까?

WinXP의 FFox 19에서 PostScript 프린터로의 동일한 문제입니다. 가는 가로선은 디더링되고 세로선은 미세합니다. 머리글과 바닥글도 괜찮습니다.

Windows 7에서 Firefox 19.0을 실행하고 있으며 해당 문서를 PCL6이 있는 HP Color LaserJet CP4525 프린터로 인쇄했습니다.

WSD 포트 또는 Adobe PDF(Adobe Acrobat 9.2.0)에서 PCL6을 통해 FF19 + Win7 64비트 + OKI561

왼쪽: 크롬 플러그인
중간: 어도비 리더
오른쪽: Firefox pdf.js

PDF 다운로드 -> http://www.file-upload.net/download-7241349/offers-36.pdf.html

#2771도 참조하십시오. @brendandahl 인용:

낮은 품질은 https://bugzilla.mozilla.org/show_bug.cgi?id=811002 에서 추적되고

업스트림 버그가 수정되었습니다. 최신 버전의 Firefox 및 PDF.js에서 여전히 문제가 발생합니까?

업스트림 버그가 수정되었습니다. 최신 버전의 Firefox 및 PDF.js에서 여전히 문제가 발생합니까?

Windows에서만 수정되었다고 생각합니다. OSX용으로 채워진 새로운 버그(버그 932313)가 있지만 이것이 유효한지 확신할 수 없습니다(https://bugzilla.mozilla.org/show_bug.cgi?id=932313#c2에서 내 의견 참조).

Linux에서 문제가 해결되지 않을 때까지 저는 이 버그를 열어 두는 것에 투표합니다.

해결되었나요?
이 데모 페이지는 파이어폭스에서 ok를 출력합니다.
http://mozilla.github.io/pdf.js/web/viewer.html
https://dl.dropboxusercontent.com/u/1383480/work/printing/2015-02-16%2011.29.52.jpg

Chrome 및 Chromium에서 인쇄 결과가 너무 흐릿하여 설명할 단어를 찾을 수 없습니다.
https://dl.dropboxusercontent.com/u/1383480/work/printing/2015-02-16%2011.29.58.jpg
프린터 및 PRINT_SCALE RATIO의 dpi를 1, 3, 4, 8로 설정하려고 했습니다.
나는 github (8614c17)에서 최신 버전을 시도했습니다 - 동일
(환경: 크롬, 크롬, 윈도우 7)

내가 뭔가를 놓치고 있습니까?
이것을 검토하고 빠른 해결 방법을 제안해 주시겠습니까?

@jonny64 신고해 주셔서 감사합니다! 불행히도 여기에서는 Chrome/Chromium에서 할 수 있는 일이 많지 않은 것 같습니다. Firefox에서는 사용할 수 있지만 Chrome에서는 사용할 수 없는 인쇄용 특수 API를 사용하면 Firefox에서 더 나은 인쇄 품질을 얻을 수 있습니다. 예전에 API를 표준으로 제안했지만 관심이 별로 없었기 때문에 여전히 Firefox에서만 사용할 수 있습니다.

:) @jviereck , 글쎄, 알았어, 나는 그것으로 살아야 해
Chrome 내부 뷰어를 사용해 보았습니다.
정상적으로 인쇄되지만 '저장'으로 인해 키오스크 모드가 중단됨
(키오스크 전체 화면 모드에서 Chrome에서 미리보기로 인쇄해야 함)

운 좋게도, 나는 얼마 전에 C와 함께 약간의 backgound가 있습니다.
https://pdfium.googlesource.com/pdfium.git
Chrome 내부 뷰어의 올바른 소스입니까?
Chrome 설정 또는 --kiosk 명령줄이 설정된 경우 '저장'을 숨기는 것이 더 낫습니까?
어디에서 어떻게 구현할 수 있는 높은 수준의 아이디어가 있습니까?

이것은 내가 말할 수 있는 한 적어도 일부 상황에서는 여전히 OS X 및 최신 Firefox Dev Edition의 버그입니다.

프린터 없이 재생산하는 방법:

• PDF.js 뷰어에서 "인쇄"를 클릭합니다.
• "PDF" 버튼을 클릭합니다.
• ( "... PDF로 저장"하지 않음) "포스트 스크립트로 저장 ..."을 선택
• Preview.app에서 저장된 .ps 파일을 엽니다.

텍스트는 선택할 수 없으며 확대하면 텍스트가 상당히 픽셀화됩니다. "PDF로 저장..."을 선택하면 텍스트가 멋지게 보입니다.

에서 기본 해상도를 높이려고 시도했습니다.
web/app.js::beforePrint
<< var pageSize = this.pdfViewer.getPageView(0).pdfPage.getViewport(1);

var pageSize = this.pdfViewer.getPageView(0).pdfPage.getViewport(2);

및 web/pdf_page_view.js::beforePrint
<< var 뷰포트 = pdfPage.getViewport(1);

var 뷰포트 = pdfPage.getViewport(2);

인쇄 속도는 느리지만 품질은 향상되었습니다.

#7677 이후 일부 개선 사항

지난 4개월 동안 이 문제에 대한 업데이트가 있었습니까? 이것은 최신 버전의 pdf.js에서 여전히 눈에 띕니다. 최근에 pdf.js를 사용하여 배포를 시작했으며 이제 Chrome의 기본 PDF 리더에서는 문제가 되지 않는 흐릿한 문자로 문서가 인쇄됩니다.

Mozilla의 자체 데모 페이지 에서 인쇄하여 이 문제를 재현할 수 있습니다. PDF로 인쇄할 때도 발생하기 때문에 드라이버 문제가 아니라는 것을 알고 있습니다.

프로덕션에서 pdf.js를 사용하는 일부 사람들이 이 문제를 해결하기 위해 pdf.js를 완전히 우회해야 했던 것 같습니다( 예시 ).

현재 대부분의 브라우저에서 잘 사용하지 않는 메모리 사용량을 크게 늘리지 않고는 고품질 인쇄가 불가능합니다. 캔버스 백엔드는 이러한 기능을 제공할 수 없습니다. 고품질 인쇄를 위해 프로토타입 SVG 백엔드를 사용하여 연구하는 프로젝트가 열려 있습니다(https://github.com/mozilla/pdf.js/projects).

PDF.js가 설치된 Firefox 버전에 따라 허용 가능한 인쇄 품질과 흐릿한 인쇄 품질을 가지고 있다는 것을 알았으므로 인쇄할 수 있었던 버전 간에 변경된 사항을 살펴보고 싶습니다. Firefox 52, 47.0.2, 42의 왼쪽에서 오른쪽으로 직접 인쇄하여 출력한 https://imgur.com/7Beh7MO 가 있습니다. 처음 두 개는 최소한 최신 업데이트입니다. 표시된 것처럼 FF 47.0.2와 FF 52 릴리스 사이에 PDF.js에서 품질이 저하된 것으로 보이는 변경 사항이 있으므로 해당 버전의 Firefox에서 시작하기 위해 어떤 책갈피를 봐야 하는지에 대한 정보가 있는 사람이 있다면 저는 ' 시작하는 것이 좋습니다.

PDF.js의 Firefox 리포지토리 버전을 보면 47.0.2가 버전 1.4.121이고 커밋 51f6aba(be1e12d 이후의 커밋일 수 있음)에 해당하고 Firefox 52는 PDF.js 1.6과 함께 제공됨을 알 수 있습니다. 315, 대략적으로 c23f124를 커밋합니다. 나는 현재 이러한 커밋을 비교하는 방법을 찾고 있지만 그 차이는 아마도 400개 커밋이고 인쇄 위치에 대한 정보는 매우 도움이 될 것입니다.

그림과 같이 FF 47.0.2와 FF 52 릴리스 사이에 PDF.js에서 품질이 저하된 것으로 보이는 변경 사항이 있습니다.

PDF.js의 변경이 책임이 있다는 것은 확실하지만 Firefox의 다른 부분에 있는 그래픽/인쇄 코드와 같은 문제가 관련될 수 있다는 가능성을 (최소한 처음에는) 완전히 무시하지는 않습니다.
회귀 범위를 찾으려면 http://mozilla.github.io/mozregression/ 을 사용하는 것이 도움이 될 수 있고 더 빠를 수도 있습니다.

PDF.js 내부의 인쇄 버튼은 Firefox를 사용하여 인쇄합니까? 나의
플러그인이 다른 브라우저에서 사용 가능하다는 사실에 기반한 가정
기본 브라우저가
인쇄를 처리합니다. 이것은 인쇄 처리 대화 상자에서도 지원됩니다.
데이터를 프린터로 보내는 작업으로 PDF.js 렌더링을 나열합니다. 그럴 게요
몇 가지 추가 테스트를 수행하고 PDF.js를 플러그인으로 실행하고 테스트하십시오.
다른 버전을 사용하여 변경 사항이 있는지 확인할 수 있습니다.

2017년 3월 14일 오전 9시 58분에 "Jonas Jenwald" [email protected]이 작성했습니다.

표시된 대로 FF 47.0.2와 FF 52 릴리스 사이에 PDF.js에서 변경된 사항
품질을 망친 것 같지만,

PDF.js의 변경이 원인일 수도 있지만,
(적어도 처음에는)
문제는 다른 부분의 그래픽/인쇄 코드와 관련될 수 있습니다.
파이어폭스.
다음을 사용하는 것이 도움이 될 수도 있고 더 빠를 수도 있습니다.
회귀를 시도하고 찾으려면 http://mozilla.github.io/mozregression/
범위.

—
당신이 댓글을 달았기 때문에 이것을 받는 것입니다.
이 이메일에 직접 답장하고 GitHub에서 확인하세요.
https://github.com/mozilla/pdf.js/issues/2750#issuecomment-286428765 ,
또는 스레드 음소거
https://github.com/notifications/unsubscribe-auth/AOZHcyFJnLjI8MhAXspe-SIikmMA7YWOks5rlpzwgaJpZM4AcblL
.

--
공지 사항을 읽으려면 클릭하십시오.
http://www.mediweightlossclinics.com/sig/ 기밀 커뮤니케이션
http://www.mediweightlossclinics.com/sig/ 교육 목적 면책 조항
http://www.mediweightlossclinics.com/sig/ 프랜차이즈 공개 성명

이전에는 Firefox 브라우저의 애드온 및 비 애드온 버전과 같이 지원되는 경우 가능한 모든 곳에서 Mozilla 고유의 mozPrintCallback 를 사용했습니다. 소비와 더 높은 품질. 그러나 Firefox 전용이고 때로는 버그가 있기 때문에 사용을 줄이려고 했으므로 이제 Firefox 추가 기능(https://github.com/mozilla/pdf.js/blob/master/)에서만 사용합니다. web/firefox_print_service.js).

일반적으로 우리는 이제 일반 브라우저 정의 인쇄 로직을 사용하여 캔버스를 렌더링하고 인쇄합니다. 따라서 문제는 변경된 캔버스 스케일링/글꼴 렌더링 코드 또는 브라우저 버그에 있을 수 있다고 생각합니다.

해당 변경 사항의 대부분은 https://github.com/mozilla/pdf.js/commit/c09f634bb6c713f6dc36628145788c88e60448e0 을 참조

https://github.com/mozilla/pdf.js/commit/c09f634bb6c713f6dc36628145788c88e60448e0 이후 web/viewer.js renderPage 기능이 있고 인쇄 해상도는 150 DPI로 하드 코딩되어 있습니다.

function renderPage(activeServiceOnEntry, pdfDocument, pageNumber, size) {
  var scratchCanvas = activeService.scratchCanvas;
  var PRINT_RESOLUTION = 150;
  var PRINT_UNITS = PRINT_RESOLUTION / 72.0;

인쇄 해상도를 300DPI로 변경하려면 아래 줄을 변경하기만 하면 됩니다.

var PRINT_RESOLUTION = 300;

릴리스 태그에 따르면 1.7.x에서 1.10.x까지의 모든 PDF.js 버전에는 이제 해당 기능이 있어야 합니다. 나는 이것이 어디에도 문서화되어 있지 않다는 것에 놀랐습니다.

이상적으로는 web/viewer.js 를 수정하는 대신 쿼리 매개변수에서 인쇄 해상도를 변경할 수 있는 기능이 있어야 합니다.

자세한 내용 은 PDF.js 뷰어로 PDF 파일의 인쇄 품질을 높이는 방법을 참조하세요.

@mpryvkin 의 수정 사항이 합법적인 경우 about:config 의 옵션으로 반드시 노출되어야 합니다

매개변수화할 수 있습니까?

에서 기본 해상도를 높이려고 시도했습니다.
web/app.js::beforePrint
<< var pageSize = this.pdfViewer.getPageView(0).pdfPage.getViewport(1);

var pageSize = this.pdfViewer.getPageView(0).pdfPage.getViewport(2);

및 web/pdf_page_view.js::beforePrint
<< var 뷰포트 = pdfPage.getViewport(1);

var 뷰포트 = pdfPage.getViewport(2);

인쇄 속도는 느리지만 품질은 향상되었습니다.

효과가있다!

일반 뷰어는 이제 #10854 덕분에 printResolution 앱 옵션을 표시하므로 미리 빌드된 뷰어를 더 이상 수정할 필요가 없습니다. 인쇄 품질을 향상시키면서 인쇄 해상도를 높이면 인쇄 속도가 느려지거나 브라우저의 응답 속도가 느려질 수 있지만 이제는 뷰어 사용자가 스스로 결정할 수 있는 절충안입니다.

@timvandermeij 업데이트 감사합니다! 명확히하기 위해 "pdf.js 라이브러리 사용자"또는 "Firefox 사용자"에서와 같이 "사용자"에 대해 이야기하고 있습니까? 나는 후자 범주에 속하며(이 버그는 Firefox 사용자와 관련이 있다고 생각합니다), 해당 AppOptions가 어떤 식으로든 Firefox에 노출되는지 여부를 파악하려고 합니다.

업데이트: @timvandermeij 가 "pdf.js 라이브러리 사용자"를 언급하고 있다고 생각합니다. 나는 또한 AppOptions가 about:config를 통해 Firefox에 노출된다고 생각하지만 자동으로(즉, 누군가가 이를 활성화하기 위해 파이어폭스 코드를 수정해야 할 수도 있음) 대부분의 AppOptions가 존재하는 것은 아닙니다. pdfjs.cursorToolOnLoad 는 about:config 에 있지만 defaultUrl 이나 disableHistory 가 아닙니다. 아마도 이것이 Firefox 컨텍스트에서 의미가 없기 때문일 것입니다.

@raztus 예, 라이브러리 사용자를 의미했습니다. Firefox 빌드는 해당 범위(https://github.com/mozilla/pdf.js/pull/10854#discussion_r287325125)에서 제외되었습니다. 이 값을 늘리면 브라우저 응답성 및 메모리 사용량에 어떤 일이 발생하는지 쉽게 알 수 없기 때문입니다. . 이에 대해 더 많은 피드백을 받으면 Firefox(mozcentral) 빌드에서도 기본 설정을 사용할 수 있도록 하는 것을 반대하지 않습니다.

@timvandermeij 이 개선에 대해 @kleins05 님과 감사합니다. 이 기능에 대한 내 게시물 을 업데이트했습니다.

이 업데이트로 아래 코드를 사용하여 인쇄 해상도를 설정할 수 있다고 가정하는 것이 맞습니까?

document.addEventListener('webviewerloaded', function() { PDFViewerApplicationOptions.set('printResolution', 300); });

네, 제 생각이 맞습니다. webviewerloaded 이벤트는 실제로 앱 옵션 설정을 위해 들을 수 있는 올바른 이벤트입니다. 보다:
https://github.com/mozilla/pdf.js/blob/c91f437eaaff79b660805e020f4fa9d4a2a7fe65/web/viewer.js#L208 -L210
그 이후에는 PDFViewerApplicationOptions 를 항상 사용할 수 있어야 합니다. 나는 이 특정 스니펫을 시도하지 않았지만 검사에서 좋아보이며 최신 master 분기 코드를 확인하고 해당 스니펫을 추가하고 인쇄 품질이 개선되는지 확인하여 시도해 볼 수 있습니다.

@raztus 예, 라이브러리 사용자를 의미했습니다. Firefox 빌드는 해당 범위( #10854 (comment) )에서 제외되었습니다. 예를 들어 이 값을 늘리면 브라우저 응답성 및 메모리 사용량에 어떤 일이 발생하는지 말하기가 쉽지 않기 때문입니다. 이에 대해 더 많은 피드백을 받으면 Firefox(mozcentral) 빌드에서도 기본 설정을 사용할 수 있도록 하는 것을 반대하지 않습니다.

@timvandermeij 그 피드백을 제공하는 데 도움이 printResolution 를 변경하려면 Firefox를 처음부터 빌드해야 합니까?

기본 뷰어(항상 가장 최근의 master 분기 코드 또는 사용자 정의 체크아웃을 실행하는 https://mozilla.github.io/pdf.js/web/viewer.html)를 열어 실험할 수 있습니다. , 웹 콘솔을 열고 PDFViewerApplicationOptions.set('printResolution', 300); 합니다. 그러면 인쇄 해상도가 기본 150DPI 대신 300DPI로 설정됩니다. 그런 다음 인쇄 버튼을 클릭하면 인쇄 품질의 차이를 알 수 있을 뿐만 아니라 페이지를 렌더링하는 데 걸리는 시간과 메모리 소비량도 확인할 수 있습니다(이 단계가 제대로 작동하는지 확인하기 위해 직접 시도했습니다). 주요 질문은 DPI의 인쇄 해상도가 소형/중형/대형뿐만 아니라 텍스트 전용 또는 이미지가 많은 문서와 같은 다양한 유형의 PDF 파일에 대한 메모리 사용량/렌더링 시간과 어떻게 관련되는지입니다. 다양한 실제 시나리오에서 작동하는 방식에 대해 더 많이 알고 있다면 Firefox 빌드에 대한 설정도 도입하거나 기본값을 업데이트할 수 있습니다.

위의 방법을 시도했지만 정의되지 않습니다.
이것은 Chrome Canary 버전 77.0.3818.0(공식 빌드) canary(64비트)와 함께 사용됩니다.

예, 옵션을 설정하면 반환 값이 없기 때문에 실행하면 undefined 가 제공되지만 다시 인쇄하면 인쇄 출력 품질이 향상됩니다.

고마워.
이것이 사용자 설정 가능한 옵션이 아니라 프로그래밍 방식으로만 설정 가능한 옵션으로 제공되는 이유는 무엇입니까?

이것은 위의 주석, 특히 https://github.com/mozilla/pdf.js/issues/2750#issuecomment -496697032에 설명되어 있습니다. 더 쉽게 액세스할 수 있도록 하기 전에 먼저 실험해 보고 싶습니다. 불과 하루 전에 PR #10879가 와 병합되어 메모리 사용 문제에 약간 도움이 되었으며 이제 최소한 프로그래밍 방식으로 설정할 수 있으므로 더 쉽게 실험하고 개선 사항을 포함할 수 있습니다.