使用 vue.js 在网站上显示 pdf 文档移动友好

问题描述

我正在使用 vue.js,我想在网站上显示 pdf。我一直看到很多复杂的 pdf 查看器示例需要上传按钮和条件显示 - 这不是我需要的。

我只需要在我的网页的 div 中显示一个硬编码的 pdf 文档。

这是我目前使用 iframe 所拥有的

enter image description here

我需要实际 pdf 页面的宽度来填充 100% 的宽度(为了易读性)。我不想显示灰色背景。该页面还应适合移动设备。

接受包括不使用 iframe 在内的建议,特别是如果它会使页面更适合移动设备。如果您要使用 vue-pdf 或 PDF.js,请附上一些关于如何使用它们的明确说明。

PS:我正在使用一些参数来删除工具栏和导航窗格,如下所示:

src="<MY PDF HERE>.pdf#toolbar=0&navpanes=0&scrollbar=1"

我已尝试添加 &zoom=100&view=Fit,但这并不能解决我的问题。

Here is a list of all the parameters.

解决方法

我撒谎了。在我的 pdf url 末尾添加 &zoom=140 解决了我的问题。