web-dev-qa-db-fra.com

Échelle PDF pour s'adapter à iFrame

J'ai besoin de mettre à l'échelle un fichier PDF pour l'adapter à l'iFrame. Il doit être réactif, donc le PDF doit évoluer avec la largeur du périphérique afin que le document [PDF affiche une page complète.

S'il y a un plugin gratuit ou une fonction dans Bootstrap pour y arriver, je serais heureux d'en entendre parler.

Merci d'avance!

12
Luuxter

Si vous demandez comment redimensionner le PDF pour l'adapter à l'Iframe.

Ce code suivant peut vous aider:

<iframe src="name.pdf#zoom=50" height="100%" width="100%"></iframe>

En ajoutant le #zoom=50 il affichera le PDF avec zoom dans l'iframe par défaut. (Cela peut être modifié à n'importe quel nombre que vous voulez)

26
user7582130

dans firefox pour moi ça marche comme ça, ne le testez pas sur d'autres

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

Vous ne pourrez probablement pas y parvenir avec un certain degré de cohérence. Vous pourrez avoir la visionneuse PDF dans l'iFrame être réactive mais chaque visionneuse se comportera différemment en ce qui PDF si aucune vue initiale n'est définie ... et chaque PDF où la vue initiale est définie peut avoir un zoom et un mode de page par défaut différents).

Si vous contrôlez les fichiers PDF PDF, cela vaut la peine de définir la vue initiale mais, même dans ce cas, vous êtes toujours à la merci des différents téléspectateurs intégrés dans les navigateurs et les plug-ins de navigateur pour déterminer comment cette vue initiale est interprétée.

1
joelgeraci