标签: pdfjs
PDF Js在流星中不起作用
我在流星中使用Mozilla pdf js.我正在使用的软件包来自" https://atmospherejs.com/pascoual/pdfjs "我几乎在他们的示例中说明了所有内容,但我的pdf文件是作为图像文件提供的.它没有显示在他们的示例" https://mozilla.github.io/pdf.js/web/viewer.html "中.
请让我知道我做错了什么.我的代码如下:
<template name="displayResume">
<canvas id="pdfcanvas"></canvas>
</template>
Template.displayResume.rendered = function(){
PDFJS.workerSrc = '/packages/pascoual_pdfjs/build/pdf.worker.js';
console.log(PDFJS)
//PDFJS.workerSrc = '/.meteor/local/build/programs/web.browser/packages/pascoual_pdfjs/build/pdf.worker.js';
var url = '/Lez6dci9xoaiyWuzR.pdf';
PDFJS.getDocument(url).then(function getPdfHelloWorld(pdf) {
// Fetch the first page
pdf.getPage(1).then(function getPageHelloWorld(page) {
var scale = 1;
var viewport = page.getViewport(scale);
// Prepare canvas using PDF page dimensions
var canvas = document.getElementById('pdfcanvas');
var context = canvas.getContext('2d');
canvas.height = viewport.height;
canvas.width = viewport.width;
// Render PDF page into canvas context
page.render({canvasContext: context, viewport: viewport}).promise.then(function () { …推荐指数
解决办法
查看次数
在PDFKit中旋转文本有什么技巧吗？
我正在使用PDFKit.org通过JavaScript生成PDF.
文档是不言自明的,但我面临一个未解决的问题,我猜一些StackOverflow成员可能已经找到了一个技巧.
我必须在某个时刻旋转文本,文档只解释如何旋转形状(如a rect()).
我已经尝试了几件事,但到目前为止它们都没有.
所以我正在寻找通过调整代码来旋转它的方法,或者也许你们中的一些人可以向我展示我可能错过的文档的一部分？
推荐指数
解决办法
查看次数
Mozilla PDF - 如何在反应应用程序中从 url 查看 PDF？
我遵循了一个关于如何使用 React 实现 Mozilla 的 PDF 查看器的快速教程。我在这里做了一个密码箱。我想知道这是否可以通过导入 pdfjs 的节点模块来实现。因此，不要将包下载到公共文件夹中以将其与导入一起使用：
export default class PDFJs {
init = (source, element) => {
const iframe = document.createElement("iframe");
iframe.src = `/pdfjs-2.5.207-dist/web/viewer.html?file=${source}`;
iframe.width = "100%";
iframe.height = "100%";
element.appendChild(iframe);
};
}
此外，当 PDF 的源是 URL 时，这种设置不起作用。如果我这样做，我会收到一个错误：
PDF.js v2.5.207（内部版本：0974d6052）消息：文件来源与查看者的来源不匹配
我已经注释掉了在pdfjs-2.5.207-dist/web/viewer.js 中检查文件来源的代码部分：
//if (origin !== viewerOrigin && protocol !== "blob:") {
// throw new Error("file origin does not match viewer's");
//}
但是，然后我得到了一个错误：
PDF.js v2.5.207（内部版本：0974d6052）消息：无法获取
我怎样才能解决这个问题？是否可以将这个包像模块一样导入到 react 组件中，我如何将它用于带有 URL 的外部资源的 PDF？
推荐指数
解决办法
查看次数
什么是pdf bcmap文件？
我在我的Web应用程序中使用了pdfjs查看器,它附带了所有这些bcmap文件.我追踪了网络流量,并没有被要求.
我真的不想将这些文件添加到版本控制或问题跟踪系统b/c,如果不需要这些文件那么多.
什么是bcmap文件？
推荐指数
解决办法
查看次数
ASP.NET Core和Angular的RDLC本地报表查看器(> 2.0)
有没有办法在asp.net核心网页上显示RDLC Local ReportViewer控件？
要在传统的WebForms应用程序上显示ReportViewer,以下代码可以正常工作.
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div style="height: 600px;">
<rsweb:ReportViewer ID="reportViewer" runat="server" Width="100%" Height="100%"></rsweb:ReportViewer>
</div>
</form>
</body>
我已经尝试并测试了以下组件.结果如下.
- ReportViewerForMvc - 适用于MVC,但与ASPNET Core不兼容.
- MvcReportViewer - 适用于MVC,但与ASPNET Core不兼容(请参阅此问题:https://github.com/ilich/MvcReportViewer/issues/121).
- MvcReportViewer - 不使用微软查看器控件,因此支持aspnet核心,但不适用于本地报告(需要报告服务器URL).
- ngx-ssrs-reportviewer npm包 - 远程报告的包装器,不支持本地报告.(需要一个报告服务器URL)
Q1.<rsweb:ReportViewer>在asp.net核心应用程序中使用的最佳方法是什么？
reporting-services pdfjs asp.net-core report-viewer2016 angular
推荐指数
解决办法
查看次数
如何在 React 中引用 pdf.js 库？
我正在尝试将PDF.js（由 Mozilla 提供）引用到我的 React 项目中。但是，它抛出“意外标识符”错误。
我已将 PDF.js 放在公共文件夹中并在我的 index.html 中引用它。
文件结构：
public
- index.html
- pdftojs
- parsejs.js // < parseFile method in this file will be called
- pdf-parse.js
- misc..
src
- pdftotext
- parsepdf.js // < page to parse PDF
pdf-parse.js
var PDFJS = null
function render_page(pageData) { ... } // Untouched
async function PDF(...) { ... } // Untouched
exports.pdf = PDF; // Changed this line
来自原始库的 parsejs.js：
8 import pdf from 'pdf-parse.js';
9 …推荐指数
解决办法
查看次数
PDFJ将Viewer.html转换为div
有谁知道pdf.js(http://mozilla.github.io/pdf.js/web/viewer.html)中的viewer.html是否可以放在<div>？中.
或者更好的是,转换为AngularJs指令(我知道Angular有几个pdfjs指令,但它们都没有viewer.html的质量).
推荐指数
解决办法
查看次数
如何在 Angular 2/4/5 中使用 PDF.js？
我正在尝试使用 Mozilla 的 PDF.js (example here)开发 PDfViewer 应用程序。如果有github项目作为参考就好了。
提前致谢！！
推荐指数
解决办法
查看次数
基于原生pdf坐标在pdfjs画布中突出显示区域
我正在使用 pdf.js 在浏览器中显示 pdf 文件。我想根据从 Nuance 的 OCR 获得的原生 pdf 坐标突出显示 pdf 中的某些区域。目前我正在绘制一个矩形（通过创建一个 div 并将其添加到父元素。）。然而，我绘制的矩形总是偏离预期位置。
Can somebody help me on how to transform the native pdf coordinates to the exact position on the canvas/viewport, so that I can place my div on the right position to highlight the correct area.
Any help would be greatly appreciated.
The following is the code I am using to highlight:
function HiglightContent(page, viewport, canvas)
{
var pageNumber = 1;
//native pdf coordinates from OCR …推荐指数
解决办法
查看次数
带有 url 参数的flask render_template
我使用 pdf.js 在 web 中渲染 pdf。目标网址的格式如下：
http://www.example.com/book?file=abc.pdf
我的问题是：我使用 Flask 模板生成页面：
return render_template('book.html', paraKey=paraValue)
但是如何将 url 参数“file=abc.pdf”附加到 url？该参数将由 viewer.js（包含在 book.html 中）读取，后者使用它来读取文件以呈现 pdf。
我是烧瓶新手，希望大家给我一些帮助！
推荐指数
解决办法
查看次数
标签 统计
pdfjs ×10
javascript ×6
pdf ×3
angular ×2
reactjs ×2
angularjs ×1
asp.net-core ×1
file-type ×1
firefox ×1
flask ×1
html5 ×1
meteor ×1
mozilla ×1
node-pdfkit ×1
pdf.js ×1
pdfjs-dist ×1
templates ×1
typescript ×1