Javascript 如何在PDF.js中启用文本选择

Javascript 如何在PDF.js中启用文本选择,javascript,node.js,pdf.js,pdfjs,Javascript,Node.js,Pdf.js,Pdfjs,我正在尝试使用pdf.js来显示pdf文件。我已经可以显示pdf,但未启用文本选择。有人能举一个小例子说明如何在pdf.js中启用文本选择吗 我已经尝试了好几件事,但都没有成功 我的代码当前如下所示: PDFJS.getDocument('someRandom.pdf').then(function(pdf){ pdf.getPage(1).then(function(page) { // you can now use *page* here var scale = 1.5

我正在尝试使用pdf.js来显示pdf文件。我已经可以显示pdf,但未启用文本选择。有人能举一个小例子说明如何在pdf.js中启用文本选择吗

我已经尝试了好几件事,但都没有成功

我的代码当前如下所示:

PDFJS.getDocument('someRandom.pdf').then(function(pdf){
  pdf.getPage(1).then(function(page) {
    // you can now use *page* here
    var scale = 1.5;
    var viewport = page.getViewport(scale);

    var canvas = document.getElementById('the-canvas');
    var context = canvas.getContext('2d');
    canvas.height = viewport.height;
    canvas.width = viewport.width;

    var renderContext = {
      canvasContext: context,
      viewport: viewport
    };
   page.render(renderContext);

  });
});
我还包括:

<script src="../pdfjs/pdf.js"></script>
<script>PDFJS.workerSrc ="../pdfjs/pdf.worker.js"</script>

PDFJS.workerSrc=“../PDFJS/pdf.worker.js”
此示例呈现pdf,但未启用文本选择。我想我真的错过了一些关于pdf.js的基本知识,但是很难得到一些好的例子,因为文档不是很好(至少对我来说)

我也试过这个例子 但是控制台抛出了一个错误,并且一直在说
new PDFJS.DefaultAnnotationsLayerFactory()
未定义。

详细说明如何在minimal.js heading组件中执行此操作


我以前试过这个例子,它对我很有效。

我花了一些时间,但它终于起作用了。 这里有一些非常好的例子。这是从官方回购协议(是的,我的错,我没有找到他们)

对于任何感兴趣的人,以下是我所做的(不知道您是否真的需要执行步骤2和3,我只是粘贴了对我有用的示例):

1.克隆git回购协议

git clone git://github.com/mozilla/pdf.js.git
  • 进入文件夹并运行
    npm install
    ,然后运行
    node make server
    (如果尚未安装node.js,则必须先安装)

  • 运行
    节点生成通用组件
    (也在pdf.js文件夹中)


  • 现在,您可以将
    build
    目录复制到项目中(如果希望使用它们而不是创建viewer.js,您还可以将slideviewer.js或pageviewer.js从exapmle/components文件夹复制到项目中)。我的错误是只将pdf.js和其他一些js复制到我的项目中。它不断抛出错误,因为该构建文件夹中缺少一些其他js文件。

    我对PDF.js知之甚少,但快速搜索产生了这篇博文,它似乎回答了您的确切问题:谢谢您的回答。AFAIK这个例子已经过时了(参考我过去说过的这个例子…至少1年半以前,sorrynode make server抛出错误
    错误:找不到模块'/Users/alston/Downloads/pdf.js master/make'