解决pdf.js无法完全显示pdf文件内容的问题

转载(https://www.cnblogs.com/KingJames/p/11763590.html)

一、遇到的问题：预览pdf文件时，很多内容未显示。****

image

查看控制台，出现以下警告

Warning: Error during font loading: The CMap "baseUrl" parameter must be specified, ensure that the "cMapUrl" and "cMapPacked" API parameters are provided.

image

二、跟踪源码，排查原因

image

image

image

从下图可以发现baseUrl取值为params.cMapUrl

image

找到调用WorkerTransport方法处：

image

image

image

最终修改，添加最后两行

  params.rangeChunkSize = params.rangeChunkSize || DEFAULT_RANGE_CHUNK_SIZE;
  params.CMapReaderFactory = params.CMapReaderFactory || _display_utils.DOMCMapReaderFactory;
  params.ignoreErrors = params.stopAtErrors !== true;
  params.fontExtraProperties = params.fontExtraProperties === true;
  params.pdfBug = params.pdfBug === true;
  // 解决pdf.js无法完全显示pdf文件内容的问题
  params.cMapPacked = true
  params.cMapUrl = window.location.origin + "/pdf/web/cmaps/"

该问题的原因是因为缺少了部分字体包，也可使用CDN方式加载字体包。

此处提供cmaps的2个CDN地址（2.2.228为pdfjs-dist的版本号）：

https://unpkg.com/browse/pdfjs-dist@2.2.228/cmaps/

https://cdn.jsdelivr.net/npm/pdfjs-dist@2.2.228/cmaps/

加载字体包后，效果如下图（部分内容已打马赛克）：

image