ProgramingTip

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

bestdevel 2020. 11. 23. 19:45
반응형

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


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

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

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


약간의 늦게 응답했지만이 정보를 찾기가 어렵습니다. SO에서 답을 검색하기 때문에 여기에 있습니다.

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

filename.pdf#view=FitH

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

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

편집 : (지연 모드 켜짐)

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


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

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

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

<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>

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

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


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

<iframe src="filename.pdf" width="" height="" border="0"></iframe>

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

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

참고 URL : https://stackoverflow.com/questions/20562543/zoom-to-fit-pdf-embedded-in-html

반응형