javascript - 如何更改 ViewerJS 上 View 的默认大小

标签 javascript html

我使用ViewerJS在 html 页面上显示 PDF 文件。

this page 的第一个查看者中,您首先会看到一个大小为 Automatic 的文档。

我想将“全宽”设置为默认值,而不是“自动”,

因此,我编辑了 ViewerJS 文件夹中的index.html,如下所示。 (我将选项的 selectedvalue="auto" 移至 value="page-width"。)

<select id="scaleSelect" title="Zoom" oncontextmenu="return false;">
<option id="pageAutoOption" value="auto">Automatic</option>
<option id="pageActualOption" value="page-actual">Actual Size</option>
<option id="pageWidthOption" value="page-width" selected>Full Width</option>
<option id="customScaleOption" value="custom"> </option>
<option value="0.5">50%</option>
<option value="0.75">75%</option>
<option value="1">100%</option>
<option value="1.25">125%</option>
<option value="1.5">150%</option>
<option value="2">200%</option>
</select>

但是,当我打开使用ViewerJS的页面时,默认仍然是自动而不是全宽

该文件夹包含 java 脚本文件。我应该编辑java脚本文件吗? 如何更改默认值?

最佳答案

如上所述here ,从版本 0.5.5 开始,您可以通过在链接到文档的 URL 中指定 ?zoom=page-width 将初始比例设置为全宽。例如:

src="/ViewerJS/?zoom=page-width#yourfile.pdf"

关于javascript - 如何更改 ViewerJS 上 View 的默认大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27554927/

相关文章:

javascript函数获取html中的所有图像

Javascript:如何声明非全局静态方法?

jquery - 动态改变 <li> 宽度以完全适应 <ul>

html - 我是否需要将所有 &lt;input&gt; 元素包装在 <form> 元素中?

javascript - Ajax 请求附加到多个命中

从提要中读取的 JavaScript xmlhttp

javascript - 插件删除了所有编辑器功能

html - 如果它出现在父项的末尾,如何隐藏具有特定类的 div?

html - Bootstrap 4 - 如何防止折叠菜单折叠导航中的所有元素

html - 为响应窗口禁用 Bootstrap dl-horizo​​ntal 类