首页 > 解决方案 > 在 Webview 中使用 PDFJS 库在 Javafx 中显示 Pdf

问题描述

我的目标是在我的 JavaFX 应用程序中显示 pdf 文档。经过研究,我发现了 Mozilla 的 PDFJS 库,发现它非常有用。我正在做的是从 JAVA 读取 PDF 文件作为字节数组并在 Web 视图中调用 js 代码。这是代码。

JAVA代码

byte[] data = Files.readAllBytes(Paths.get("D:\\test\\test.pdf"));
    String base64 = Base64.getEncoder().encodeToString(data);   


    btn.setOnMouseClicked(e -> {
        String js = "openFileFromBase64('" + base64 + "')";
        engine.executeScript(js);
    });

Javascript代码

<script>
var openFileFromBase64 = function(data) {
    var arr = base64ToArrayBuffer(data);
    PDFViewerApplication.open(arr);
}

function base64ToArrayBuffer(base64) {
  var binary_string = window.atob(base64);
  var len = binary_string.length;
  var bytes = new Uint8Array(new ArrayBuffer(len));
  alert(len);
  for (var i = 0; i < len; i++)        {
      bytes[i] = binary_string.charCodeAt(i);
  }
  return bytes.buffer;
}

问题

我可以很好地渲染一些 pdf 文件,但是我有一些 pdf 文件无法正确打开。所以我做了一些分析,发现以下内容:-

  1. 有问题的 pdf 文件在 adobe reader、firefox 和 edge 浏览器中正确打开。

  2. 我认为问题可能是 PDFJS 库。所以我尝试将我的pdf文件放在WEB目录中并打开viewer.html。令我惊讶的是,pdf 显示正确。

  3. 我想当我将数据从 Java 发送到 Javascript 时可能会丢失一些字节。所以我在每一端打印了字节数并且它们匹配。

  4. 最后,我认为java可能会弄乱编码。所以我从java读取文件并将字节写入单独的文件,生成的文件是正确的。

我试图了解我是否忽略了某些东西。任何建议表示赞赏。提前致谢。

这是我的 pdf 呈现后的样子:- 在此处输入图像描述

标签: javascriptjavajavafxjavafx-8pdfjs

解决方案


我遇到了同样的问题:截至今天( v2.0.943),使用 PDF.js 的当前稳定版本在 JavaFX WebView 中无法正确呈现任何文本。基于图像的 PDF 可以正确呈现。

查看 PDF.js 发行说明,我发现v2.0.943引入了许多与字体相关的更改,并且似乎破坏了 JavaFX 中的字体呈现。

好消息是当前的预发布版本v2.1.266修复了一些关于字体处理的错误,并且修复了 JavaFX WebView 中的文本渲染问题

如果您对使用预发行版感到不舒服,可以使用v1.10.100,文本渲染也适用于该版本,尽管我建议使用最新版本,因为它似乎可以更好地渲染不同的字体。


推荐阅读