如何更改ViewerJS上视图的默认大小

时间:2014-12-18 20:16:15

标签: javascript html

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

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

我想将“Full Width”设为默认值,而不是“Automatic”,

因此,我编辑了index.html ViewerJS文件夹,如下所示。 (我将selected选项从value="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的页面时,默认值仍然是Automatic而不是Full Width

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

2 个答案:

答案 0 :(得分:3)

如上所述here,从版本0.5.5开始,您可以通过在链接到文档的网址中指定?zoom = page-width 将初始比例设置为“完整宽度”。 E.g:

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

答案 1 :(得分:0)

在viewer.js中

更改defaultPreferences函数中的值。

 defaultPreferences = Promise.resolve({
                    "showPreviousViewOnLoad": true,
                    "defaultZoomValue": "page-height",
                    "sidebarViewOnLoad": 0,
                    "enableHandToolOnLoad": false,
                    "enableWebGL": false,
                    "pdfBugEnabled": false,
                    "disableRange": false,
                    "disableStream": false,
                    "disableAutoFetch": false,
                    "disableFontFace": false,
                    "disableTextLayer": true,
                    "useOnlyCssZoom": false,
                    "externalLinkTarget": 0,
                    "enhanceTextSelection": false,
                    "renderer": "canvas",
                    "renderInteractiveForms": false,
                    "disablePageLabels": false
                });