转载(https://www.cnblogs.com/KingJames/p/11763590.html)
一、遇到的问题:预览pdf文件时,很多内容未显示。****
查看控制台,出现以下警告
Warning: Error during font loading: The CMap "baseUrl" parameter must be specified, ensure that the "cMapUrl" and "cMapPacked" API parameters are provided.
二、跟踪源码,排查起因
从下图可以发现baseUrl取值为params.cMapUrl
找到调用WorkerTransport方法处:
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/
加载字体包后,效果如下图(部分内容已打马赛克):