问题标签 [ng2-pdfjs-viewer]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
4927 浏览

angular - 在 Angular 中集成 PDFJS

我正在 Angular 中创建一个新组件来显示 PDF 文件,为此,我按照链接“https://www.npmjs.com/package/ng2-pdfjs-viewer”中的这些步骤使用了 ng2-pdfjs-viewer “但它不起作用。我不知道问题到底出在哪里。这里是html组件:

谁能解释问题出在哪里?

我还有一个问题是否可以从外部链接加载 pdf,例如“D:\file.pdf”。

0 投票
1 回答
700 浏览

angular - 使用 PDFJS 和 Angular 7 打印预览

我刚开始使用 ng2-pdfjs-viewer( https://www.npmjs.com/package/ng2-pdfjs-viewer ) 并尝试使用 angular 7 向用户提供 pdf 文档的打印预览。我已配置并且是能够显示文档,但无法显示打印预览。

这是相关的代码。

查看器只显示 pdf 文档,我希望它调用打印功能并显示打印预览。

0 投票
1 回答
3685 浏览

angular6 - 使用 ng2-pdfjs-viewer 使用 s3 签名的 url 显示 pdf

我需要显示一个由 s3 签名的 url 返回的 pdf 作为文件对象。我正在尝试使用 ng2-pdfjs-viewer 来显示。但它似乎不起作用。

我尝试将 s3 url 直接用于 pdfSrc,但它不起作用。

组件.html:

组件.ts

}

0 投票
1 回答
974 浏览

angular - ng2-pdfjs-viewer 的 Window.print 结果在 Chrome 和 IE11 上不同

我们使用 ng2-pdfjs-viewer 组件生成 PDF 并在 Chrome 和 IE11 中显示。它们都显示相同的结果,这很好。但是当我们尝试打印文档时,打印的结果是不同的:在 Chrome 之后,生成的文档看起来与可见的 PDF 相同,但在 IE11 中,生成的文档内容被缩小了(按比例缩小)。我们完成了为 IE 更新 viewer.css 的问题。是否有一些正确的方法可以在不更新 ng2-pdfjs-viewer 代码的情况下解决问题?

0 投票
2 回答
5382 浏览

angular - 如何以角度在 PDF 查看器中添加注释和注释

我是 Angular 的初学者。我正在开发一个示例应用程序,我想在其中加载 PDF 文件、查看、编辑和保存它。此外,我还想执行注释,如写评论、添加形状、图像等。

我遇到了这个 PDFTron Webviewer ( https://www.pdftron.com/samples/web/samples/viewing/viewing/ ),它具有我正在寻找的所有功能,但它是一个许可的。

我尝试过“pdf-viewer”、“ng2-pdfjs-viewer”,但这些只有基本功能,如打开文件、下载、打印和遍历页面、放大、缩小。

请帮助我如何在 Angular 应用程序的 PDF 文件中添加评论和注释。或请提出任何替代解决方案

0 投票
0 回答
802 浏览

angular - 无法根据pdf页面获取位置

我正在使用 ng2-pdf-viewer 来显示 pdf。我需要在此 pdf 上放置一个签名文件,并需要获取签名的坐标。坐标必须根据pdf页面,而不是根据Dom,即pdf的左下角应视为点的中心。

我已尝试使用材料拖放事件来获取坐标,但无法这样做。它根据dom提供坐标。我也尝试了位置和偏移,但对我不起作用。

ts 代码是

坐标应该从pdf的左下角开始,即左下角的页面应该被视为(0,0)

0 投票
0 回答
505 浏览

angular-universal - window.requestAnimationFrame 不是函数

我在我的项目中使用 Angular Universal,并使用 ng2-pdf-viewer 插件显示 pdf,但是Unhandled Promise rejection: window.requestAnimationFrame is not a function当我已经在 server.js 中导入窗口和文档时,它给了我错误。

“谁能帮我解决这个问题”

0 投票
1 回答
699 浏览

angular - 未提供文件时如何显示空的 ng2-pdfjs-viewer

我正在使用 ng2-pdfjs-viewer 在我的角度页面中显示 pdf:

行为:我从服务器获取 src,当它不为空或 null 时它工作正常,但是当 null 或 emty ng2-pdfjs-viewer 崩溃时。

预期:当 src 为空或为空(或内部的加载指示器)时,显示一个空的 ng2-pdfjs-viewer

0 投票
1 回答
682 浏览

javascript - 在外部窗口中打开 pdf 时不会触发事件

在外部窗口中打开 pdf 时,我遇到了事件问题。即使使用“viewerId”属性也不会触发它们。这是我的代码:

HTML

打字稿

0 投票
1 回答
1225 浏览

internet-explorer - ng2-pdfjs-viewer Internet Explorer 11 在检索 PDF 时出现意外的服务器响应 (500)

我正在使用 ng2-pdfjs-viewer 显示用户已上传到我的服务器的 PDF。每次用户在他们的视图中单击文件时,都会从服务器检索文件并将其制成一个 blob 并提供给 ng2-pdfjs-viewer 以显示在 externalWindow 中。这适用于除 IE11 之外的所有浏览器。

起初它在 IE 上工作正常,但如果我多次关闭并打开同一个文件,过一会儿 pdf 查看器会在检索 PDF 'blob:B04FA5CB-1012-4CBC-8DFB- 时给我一个“意外的服务器响应 (500)” 59C4CE02C34A'"。如果我用 IE 打开网站的第二个实例,也会发生这种情况。当它开始出现此错误时,必须关闭整个浏览器,然后我必须返回该网站并重试 - 然后它再次工作。

我向服务器发出的所有请求都顺利通过,我与 Fiddler 进行了核对。唯一提供给查看器的是 blob,所以我不明白它在哪里得到了意外的服务器响应。一切都可以在其他所有浏览器上完美运行。

如果没有 pdf 查看器,则在所有浏览器上都可以毫无问题地检索文件,并且可以在 IE 上使用例如 msSaveOrOpenBlob 打开它们。pdf查看器似乎引起了麻烦。