web-dev-qa-db-fra.com

Zoom pour s'adapter: PDF Intégré en HTML

J'intègre un fichier PDF local dans une simple page Web et je souhaite définir le zoom initial pour l'adapter à la taille de l'objet. Voici ce que j'ai essayé mais cela n'affecte pas le zoom.

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

est-ce que quelqu'un sait comment modifier le code de sorte que son zoom initial est réglé pour correspondre à la taille de l'objet.

48
user3024833

Un peu tardif, mais j’ai remarqué que cette information peut être difficile à trouver et je n’ai pas trouvé la réponse à la question SO, alors la voici.

Essayez un paramètre différent # view = FitH pour le forcer à s’adapter à l’espace horizontal et vous devez également lancer la requête avec un # plutôt que avec & & make it:

filename.pdf#view=FitH

Ce que j'ai remarqué, c'est que cela fonctionnera si Adobe Reader est intégré au navigateur mais que Chrome utilisera sa propre version du lecteur et ne répondra pas de la même manière. Dans mon cas, le navigateur Chrome a été zoomé par défaut pour s’ajuster à la largeur; aucun problème donc, mais Internet Explorer avait besoin des paramètres ci-dessus pour que le lien ouvre toujours la page pdf avec le paramètre de vue correct.

Pour une liste complète des paramètres disponibles, voir ceci doc

EDIT: (mode paresseux activé)

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

99
Rich

Pour moi, cela a fonctionné (je voulais faire un zoom avant car le conteneur de mon pdf était petit):

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

Cette méthode utilise "object", elle a aussi "embed". L'une ou l'autre méthode fonctionne:

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

Peu de retard sur cette question, mais j’ai quelque chose à ajouter qui pourrait être utile à d’autres.

Si vous utilisez un iFrame et définissez le chemin du fichier pdf sur src, le zoom arrière sera chargé à 100%, ce qui correspond à l'équivalence de FitH.

1
raf

juste au cas où quelqu'un en aurait besoin, dans firefox pour moi ça marche comme ça

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

Utilisez la balise iframe pour afficher le fichier pdf avec un ajustement de zoom

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