크기에 맞게 확대 : HTML에 PDF 포함


84

로컬 pdf 파일을 간단한 웹 페이지에 포함하고 있으며 초기 확대 / 축소를 개체 크기에 맞게 설정하려고합니다. 여기에 내가 시도한 것이지만 줌에 영향을 미치지 않습니다.

 <embed src="filename.pdf?zoom=50" width="575" height="500">

누구든지 코드를 수정하는 방법을 알고 있으므로 초기 확대 / 축소가 개체 크기에 맞게 설정됩니다.


무엇에 대한 ?
Irgendw Pointer

내가 지금 코드에서이 수식은 pdf 파일의 줌을 초래하지 않는, 나는 줌 초기에는 더 목적에 맞게 만드는 방법을 강구해야
user3024833

답변:


164

약간 늦게 응답했지만이 정보를 찾기가 어려울 수 있으며 SO에서 답을 찾지 못했기 때문에 여기에 있습니다.

다른 매개 변수 # view = FitH를 사용하여 수평 공간에 맞도록 강제하고 쿼리 문자열을 & 대신 #으로 시작해야합니다.

filename.pdf#view=FitH

어도비 리더가 브라우저에 내장되어 있으면 작동하지만 크롬은 자체 버전의 리더를 사용하고 같은 방식으로 응답하지 않는다는 것을 알아 차 렸습니다. 제 경우에는 크롬 브라우저가 기본적으로 너비에 맞게 확대되었으므로 문제는 없지만 Internet Explorer는 링크가 항상 올바른보기 설정으로 pdf 페이지를 열 수 있도록 위의 매개 변수가 필요했습니다.

사용 가능한 매개 변수의 전체 목록은이 문서를 참조하십시오.

편집 : (지연 모드 켜짐)

여기에 이미지 설명 입력 여기에 이미지 설명 입력 여기에 이미지 설명 입력 여기에 이미지 설명 입력 여기에 이미지 설명 입력


2
이것은 훌륭했습니다. FitH브라우저 창 크기를 조정할 때 강제로 페이지를 다시 맞추려면 어떻게합니까 ?
Vishal

5
위에서 언급 한 URL의 매개 변수에 대한 문서는이 링크로 이동했습니다. adobe.com/content/dam/Adobe/en/devnet/acrobat/pdfs/…
RominNoodleSamurai

3
투표 된 답변이 아닌 이유는 무엇입니까? :) 대단히 감사합니다!
Martin Eckleben

<embed> 요소의 배경 컨테이너 색상을 변경하는 방법이 있습니까? 문서 외부는 회색이지만 요소 내부에는 회색이 표시됩니다. 투명하거나 요소에서 상속되는 것을 선호합니다.
Vishal

Edge에서 작동하도록 만들 수 없습니다. 브라우저가 매개 변수를 무시했습니다. Chrome은 최소한 일부 (예 :보기, 확대 / 축소, 페이지)를 지원합니다.
Josef Bláha

23

나를 위해 이것은 일했습니다 (내 pdf의 컨테이너가 작기 때문에 확대하고 싶었습니다).

    <embed src="filename.pdf#page=1&zoom=300" width="575" height="500">

2
# zoom = 50 또는 # page = 2 & zoom = 300은 Chrome과 IE 모두에서 완벽하게 작동합니다. IE는 # view = Fit에만 응답하는 것 같습니다. 더 많은 IE 매개 변수 : partners.adobe.com/public/developer/en/acrobat/…
Sergiu Z

1
여러 페이지 PDF가 있었고 # zoom = 100이 저에게 효과적이었습니다.
adrianp 2016

4

이 메서드는 "객체"를 사용하며 "포함"도 있습니다. 두 방법 모두 작동합니다.

<div id="pdf">
    <object id="pdf_content" width="100%" height="1500px" type="application/pdf" trusted="yes" application="yes" title="Assembly" data="Assembly.pdf?#zoom=100&scrollbar=1&toolbar=1&navpanes=1">
    <!-- <embed src="Assembly.pdf" width="100%" height="100%" type="application/x-pdf" trusted="yes" application="yes" title="Assembly">
    </embed> -->
    <p>System Error - This PDF cannot be displayed, please contact IT.</p>
    </object>
</div>

1

이 질문에 대해 약간 늦게 응답했지만 다른 사람들에게 유용 할 수있는 추가 할 사항이 있습니다.

iFrame을 사용하고 pdf 파일 경로를 src로 설정하면 100 %로 축소 된 상태로로드되며 이는 FitH와 동일합니다.


1

누군가가 그것을 필요로 할 경우를 대비하여, 나를 위해 파이어 폭스에서 다음과 같이 작동합니다.

<iframe src="filename.pdf#zoom=FitH" style="position:absolute;right:0; top:0; bottom:0; width:100%;"></iframe>

0

iframe 태그를 사용하여 확대 / 축소 맞춤으로 pdf 파일 표시

<iframe src="filename.pdf" width="" height="" border="0"></iframe>
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.