Thu phóng cho vừa vặn: PDF Nhúng trong HTML


84

Tôi đang nhúng một tệp pdf cục bộ vào một trang web đơn giản và tôi đang tìm cách đặt mức thu phóng ban đầu để vừa với kích thước đối tượng. Đây là những gì tôi đã thử nhưng nó không ảnh hưởng đến thu phóng.

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

có ai biết cách sửa đổi mã để thu phóng ban đầu của nó được đặt để phù hợp với kích thước đối tượng không.


Còn cái này thì sao?
Irgendw Pointer

modifier tôi có trong mã ngay bây giờ không thực hiện việc zoom của tập tin pdf, tôi cần phải tìm ra cách để làm cho phù hợp với zoom đến đối tượng initally
user3024833

Câu trả lời:


164

Có một chút phản hồi muộn nhưng tôi nhận thấy rằng thông tin này có thể khó tìm và chưa tìm thấy câu trả lời trên SO, vì vậy đây là đây.

Hãy thử tham số khác # view = FitH để buộc nó vừa với không gian ngang và bạn cũng cần bắt đầu chuỗi truy vấn bằng dấu # chứ không phải & làm cho nó:

filename.pdf#view=FitH

Điều tôi nhận thấy là điều này sẽ hoạt động nếu trình đọc adobe được nhúng vào trình duyệt nhưng chrome sẽ sử dụng phiên bản trình đọc của chính nó và sẽ không phản hồi theo cách tương tự. Trong trường hợp của riêng tôi, trình duyệt chrome đã thu phóng để vừa với chiều rộng theo mặc định, vì vậy không có vấn đề gì, nhưng Internet Explorer cần các thông số trên để đảm bảo liên kết luôn mở trang pdf với cài đặt chế độ xem chính xác.

Để có danh sách đầy đủ các thông số có sẵn, hãy xem tài liệu này

CHỈNH SỬA: (bật chế độ lười biếng)

nhập mô tả hình ảnh ở đây nhập mô tả hình ảnh ở đây nhập mô tả hình ảnh ở đây nhập mô tả hình ảnh ở đây nhập mô tả hình ảnh ở đây


2
Điều này thật tuyệt. Làm cách nào để buộc nó phải điều chỉnh lại trang FitHkhi tôi thay đổi kích thước cửa sổ trình duyệt?
Vishal

5
Tài liệu cho các tham số trong URL, được đề cập ở trên, đã chuyển đến liên kết này adobe.com/content/dam/Adobe/en/devnet/acrobat/pdfs/…
RominNoodleSamurai

3
Tại sao bạn không phải là câu trả lời được bình chọn :) Cảm ơn bạn rất nhiều!
Martin Eckleben

Có cách nào để thay đổi màu của vùng chứa nền của phần tử <embed> không? Tôi thấy màu xám bên ngoài tài liệu nhưng bên trong phần tử. Tôi muốn nó trong suốt hoặc kế thừa từ phần tử.
Vishal

Tôi không thể làm cho nó hoạt động trong Edge. Trình duyệt đã bỏ qua các tham số. Chrome hỗ trợ ít nhất một số trong số chúng (ví dụ: xem, thu phóng, trang).
Josef Bláha

23

Đối với tôi, điều này đã hiệu quả (tôi muốn phóng to vì vùng chứa pdf của tôi nhỏ):

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

2
# zoom = 50 hoặc # page = 2 & zoom = 300 hoạt động hoàn hảo cả trong chrome và IE. IE dường như chỉ phản hồi với # view = Fit. Hơn IE params đây: partners.adobe.com/public/developer/en/acrobat/...
Sergiu Z

1
Tôi đã có một tệp PDF nhiều trang và # zoom = 100 phù hợp với tôi.
adrianp

4

Phương thức này sử dụng "đối tượng", nó cũng có "nhúng". Một trong hai phương pháp hoạt động:

<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

Câu trả lời hơi muộn cho câu hỏi này, tuy nhiên tôi có điều gì đó để bổ sung có thể hữu ích cho những người khác.

Nếu bạn sử dụng iFrame và đặt đường dẫn tệp pdf thành src, nó sẽ tải được thu nhỏ thành 100%, tương đương với FitH


1

chỉ trong trường hợp ai đó cần nó, trong firefox đối với tôi nó hoạt động như thế này

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

0

Sử dụng thẻ iframe để hiển thị tệp pdf với mức thu phóng phù hợp

<iframe src="filename.pdf" width="" height="" border="0"></iframe>
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.