网页Iframe读取PDF文件的参数设置

在网页中读取和显示PDF文件,可以使用Iframe加载,只需要在iframe的src中设置pdf地址即可,如:

通过iframe加载pdf,不但可以在网页中读取和显示pdf文件内容,还可以通过一些参数来控制加载pdf的选项。

全部参数有:

参数:zoom,

可以设置pdf文件的缩放级别,值为百分比,如#zoom=150表示放大至150%。

参数:page,

页码参数,可以指定PDF文件打开时显示的页面,比如设置#page=3,表示直接打开PDF文件的第三页

参数:view,

可以设置页面的显示模式,比如设置#view=Fit可以将文档调整为尺寸自适应屏幕,设置#view=FitH可以将文档调整为自适应水平宽度,设置#view=FitV将文档调整为自适应高度。

参数:rotate,

可以旋转文档,比如设置#rotate=90表示顺时针旋转90度。

参数:toolbar,

控制是否显示工具栏,0表示隐藏,1表示显示,如设置#toolbar=0隐藏工具栏。

参数:menubar,

控制是否显示菜单栏,0表示隐藏,1表示显示,如设置#menubar=0隐藏菜单栏。

参数:navpanes,

控制是否显示导航窗格,0表示隐藏,1表示显示,如设置#navpanes=0隐藏导航窗格。

参数:search,

打开文档时执行搜索操作,值为搜索的关键词,如设置#search=keyword。

参数:comment,

启用注释,1表示启用,如设置#comment=1说明启用了PDF的注释。

参数:fullscreen,

在全屏模式下打开文档,如#fullscreen

参数:scrollbar,

控制是否显示滚动条,0表示隐藏,1表示显示,如设置#scrollbar=0表示隐藏滚动条。

参数:statusbar,

控制是否显示状态栏,0表示隐藏,1表示显示,如设置#statusbar=表示隐藏状态栏。

参数:pagemode,

设置文档打开时的显示模式,如设置#pagemode=bookmarks说明文档打开时显示书签,设置#pagemode=none说明文档打开时不显示任何导航窗格。

参数:nameddest,

将文档定位到指定的命名目标(书签),如设置#nameddest=Chapter2可以直接定位到Chapter2的书签。

参数:highlight,

控制是否高亮搜索结果,0表示不高亮,1表示高亮,如设置#highlight=1后将会自动高亮搜索结果。

设置方法:

#举例,以url中的参数来控制

<iframe src="aaa.pdf#zoom=150&page=2&view=fit&toolbar=0"></iframe>

相关推荐
云月呀4 小时前
《死亡回忆录》藏汉双语版电子版 PDF,穆迪博士 150 例濒死体验访谈,一部关于生死的温柔读本
pdf·死亡回忆录
xiaolinudao12319 小时前
给pdf文件盖骑缝章的软件有哪些
pdf
hu55667981 天前
如何使用Adobe Acrobat Pro DC将1页PDF切割为2页,A3变A4打印。
pdf
ComPDFKit1 天前
PDF转Word后,每行都成一段?先分清断段、文本框和扫描页
pdf·word
Nymph_Zhu1 天前
pdf转换markdown预览及内容互相点击定位
前端·pdf·vue3·markdown·element-plus
web打印社区1 天前
Lodop在Edge和双核浏览器-先分清内核
前端·javascript·edge·pdf·ecmascript·html5
是店小二呀1 天前
敏感PDF不想上传陌生网站?我把Stirling-PDF装进NAS自己处理
pdf
liuchangng1 天前
React 19 + Vite 6 实战:从教材 PDF 到 866 词间隔重复单词 App
前端·react.js·pdf·vite·开源项目
指针向南2 天前
PDF 转 HTML 免费5种方法,体积0.5%到368%
图像处理·人工智能·计算机视觉·pdf
工具派3 天前
PDF签名贴上去为什么发虚?尺寸、DPI与坐标的边界实测
java·python·pdf