Google Drive Doc Viewer - 使用 javascript 滚动和缩放文档

Question

Here is a link 到我在 Google Drive/Docs 中的文档。我想做的是滚动该文档（上/下/左/右）并放大和缩小（不使用鼠标按下放大/缩小按钮或滚动条按钮） .最好通过传入像 window.scrollBy(x,y); 这样的 Javascript 命令，该命令在普通 HTML 页面上运行良好，但在上述页面上运行良好，因为 PDF 文档位于 iframe 内。我也尝试过滚动 iframe，但它不起作用，因为滚动不是由 iframe 处理的。它由 iframe 内部的组件处理。

环境：我正在使用 Java 1.6 编写基于 Windows7 的应用程序。我正在使用一个名为 JWebBrowser 的嵌入式 Java Web 浏览器（一个非常方便的实用程序，它是 DJ Native Swing package 的一部分）。 JWebBrowser 有一种方法可以执行以字符串形式给出的 Javascript 命令。这对我来说可以滚动普通的 HTML 页面。

背景：我正在制作一个应用程序，允许身体残疾的人在不使用标准键盘和鼠标的情况下访问计算机。用户只有非常有限的物理输入选项——在某些情况下，只有一两个按钮/开关。这就是为什么现有的缩放和滚动按钮对我没有用的原因。下面是我的程序的截图。用户通过按move 按钮浏览左侧的选项，并通过按select 按钮选择一个。顺便说一句，我使用 Google Drive 作为电子邮件附件的查看器。此屏幕截图显示了一个这样的附件。

如果有人对完全不同的在线文档查看器有任何建议，它更适合我的需求，可用于显示 PDF、电子表格、Word 文档等，请告诉我！

谢谢。

Answer 1

使用 Mozilla 的 ViewerJS，它有一个 Angular 版本的页面属性。在 Angular 中，您可以使用 ng2-pdfjs-viewer 和 [page]="page"。