2013-12-13 18 views
28

Sto incorporando un file pdf locale in una semplice pagina Web e sto cercando di impostare lo zoom iniziale per adattarlo alla dimensione dell'oggetto. Ecco cosa ho provato ma non influisce sullo zoom.Zoom per adattarsi: PDF incorporato in HTML

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

qualcuno sa come modificare il codice in modo che lo zoom iniziale sia impostato per adattarsi alla dimensione dell'oggetto.

+0

Che dire [questo] (http://stackoverflow.com/questions/16468961/how-to-embed-pdf-file-with-responsive-width)? –

+0

il modificatore che ho nel codice in questo momento non sta effettuando lo zoom del file pdf, ho bisogno di capire come rendere lo zoom in forma per l'oggetto inizialmente – user3024833

risposta

48

Bit di ritardo risposta, ma ho notato che questa informazione può essere difficile da trovare e non ho trovato la risposta su SO, quindi eccolo qui.

Prova un parametro # vista differente = Fith per costringerlo a entrare nello spazio horzontal e inoltre è necessario avviare il querystring con un # piuttosto che un & rendendo:

filename.pdf#view=FitH 

Quello che ho' Ho notato che questo funzionerà se Adobe Reader è incorporato nel browser ma Chrome utilizzerà la sua versione del lettore e non risponderà allo stesso modo. Nel mio caso, per impostazione predefinita il browser chrome è stato ingrandito per adattarsi alla larghezza, quindi nessun problema, ma Internet Explorer aveva bisogno dei parametri sopra riportati per garantire che il collegamento aprisse sempre la pagina pdf con l'impostazione di visualizzazione corretta.

Per un elenco completo dei parametri disponibili vedono questo doc

EDIT: (modo pigro su)

enter image description here enter image description here enter image description here enter image description here enter image description here

+0

Questo è stato grande. Come faccio a forzare il rimontaggio della pagina a 'FitH' quando ridimensiono la finestra del browser? – Vishal

+1

La documentazione per i parametri nell'URL, menzionata sopra, è stata spostata su questo link https://www.adobe.com/content/dam/Adobe/en/devnet/acrobat/pdfs/pdf_open_parameters.pdf – RominNoodleSamurai

+1

Perché non lo sei la risposta votata :) Grazie mille! –

2

Bit risposta tardiva a questa domanda , tuttavia, ho qualcosa da aggiungere che potrebbe essere utile per gli altri

Se fate uso di un iFrame e si imposta il percorso di file pdf alla src, caricherà zoom indietro al 100%, che l'equivalenza di Fith

0

tag Usa iframe fare di visualizzazione dei file pdf con zoom adatta

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

per me questo ha funzionato (ho voluto ingrandire dal contenitore della mia pdf era piccolo):

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

# zoom = 50 o # page = 2 & zoom = 300 funzionano perfettamente sia in chrome che in IE. IE sembra solo rispondere a # view = Fit. Ulteriori parametri IE qui: http: //partners.adobe.com/public/developer/it/acrobat/PDFOpenParameters.pdf –

+0

Avevo una pagina multipla PDF e # zoom = 100 ha funzionato per me. – adrianp

1

questo metodo utilizza "oggetto", ma ha anche "embed". Entrambi i metodi funziona:

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