pdfjs-dist 预览pdf内容文字不显示问题

最新推荐文章于 2024-06-03 18:12:13 发布
最新推荐文章于 2024-06-03 18:12:13 发布
阅读量2.7k 收藏 4
点赞数 2
分类专栏： Vue 文章标签： pdf Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bu0627/article/details/129042758
版权

pdf-dist版本 npm install pdfjs-dist@2.2.228 -S

控制台报错 缺少字体包

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

找到pdfjs依赖路径

node_modules > pdfjs-dist>build>pdf.js

  params.rangeChunkSize = params.rangeChunkSize || DEFAULT_RANGE_CHUNK_SIZE;
  params.CMapReaderFactory = params.CMapReaderFactory || _display_utils.DOMCMapReaderFa
最低0.47元/天 解锁文章
超甜小布丁
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
在ie浏览器下解决pdfjs插件思源宋体字体部分无法识别问题
qq_37263478的博客
09-14 658
换版本吧。。。
通过pdfjs-dist批量渲染在页面渲染pdf
Suciy的博客
01-14 1145
通过pdfjs-dist渲染pdf
解决 jspdf-dist 在预览 pdf 时 一些文字内容丢失
abcd123596的博客
03-22 1662
如何解决 jspdf-dist 在预览 pdf 时 一些中文内容丢失 可能是字体文件引入失败
记使用pdf.js过程遇到的坑
深度学习机器
05-16 424
最近项目中需要用到js库来渲染pdf文件，调研后发现无论是reach-pdf.js或者是svelte-pdf.js都是在pdf.js基础上做了些许精简，反而功能还不如原始的pdf.js来得全面。但是原始的库几乎没有像样的代码示例，而能搜索到的大多数代码不少都是十几年前的了，在这个过程中踩了不少坑，做个记录，希望对看到的人有所帮助。
PDF预览 (pdfjs-dist)
最新发布
m0_60373256的博客
06-03 326
pdf预览、pdfjs
pdfjs-dist插件的使用
weixin_50649221的博客
07-12 3811
目前这个插件已经更新到了3.8.162，我看到很多网上的教程都是用的require引入，但是我使用的vite项目已经不支持require语法，然后自己踩了比较多的坑，最后成功用上。这里用了两个版本是因为我在vite项目中，用3.X的版本是能用的，但是在一个nuxt项目中用不了，会有各种各样的报错，然后我试了很多版本，最终用2.6.347成功了。
下载免费的中文字体及生成jsPDF需要的js文件
sbcsdn111的博客
02-23 2762
前言 jspdf插件用于生成pdf文件，功能非常强大，但是美中不足是没有中文字体，使用中文的画需要单独下载 引用官方文档的话： The 14 standard fonts in PDF are limited to the ASCII-codepage. If you want to use UTF-8 you have to integrate a custom font, which provides the needed glyphs. jsPDF supports .ttf-files. So if
React18 引入 pdfjs-dist@2.2.228 报错解决
xiaofanguan的博客
11-29 1392
pdfjs-dist在react18中的应用填坑
pdfjs-dist使用上由版本导致的问题
weixin_44054904的博客
05-06 3846
发现是目前版本pdfjs（3.5.141）用到了es2020语法，vue2中暂不支持这种写法。简单粗暴直接降版本到pdfjs-dist@2.2.228，且引用方式改为。项目中需要开发一个pdf预览插件，在安装pdfjs-dist后报错误。后面的详细原因有空补充。
Vue3预览pdf（增加水印&禁止下载）
lgsoul666的博客
03-22 692
根据后端返回的base64位pdf编码，预览pdf文件同时增加水印，禁止下载功能。
Vue3实现PDF文件预览 （低版本浏览器兼容）
码农键盘上的梦
01-14 6462
/ 这里必须使用异步去引用pdf文件，直接去import会报错，也不知道为什么// 此文件位于public/testPdf.pdf// // 仅加载第一页 注释 取消页码切换// 加载pdf所有页})// 加载pdf的某一页// 缩放比例1;// 获取窗口大小// 这里transform的六个参数，使用的是transform中的Matrix(矩阵)// 进行渲染resolve();});});});
pdfjs-2.2.228-dist.zip
03-25
在这个"pdfjs-2.2.228-dist.zip"压缩包中，包含了PDF.js库的最新稳定版本2.2.228，用于实现这一功能。 首先，我们需要理解PDF.js的核心工作原理。它基于 Mozilla 的Gecko排版引擎，通过分解PDF文件并将其转换为可...
pdfjs-2.13.216-dist.zip 资源下载
03-17
- **高性能渲染**：通过优化的 WebGL 渲染技术，PDF.js 能够快速且高质量地显示 PDF 内容，包括文本、图像和图形。 - **离线使用**：无需依赖任何服务器端服务，开发者可以将 PDF.js 集成到本地应用或网页中，实现...
pdfjs-2.4.456-dist.zip
04-07
描述中提到的"在线预览pdf文件"是指 PDF.js 可以在浏览器环境中加载 PDF 文档，并将内容转换为 DOM 元素展示。这种方式允许用户在网页上直接查看 PDF，而无需下载文件。PDF.js 能够保持原始 PDF 样式的完整性，提供...
pdfjs-2.9.359-legacy-dist.zip
09-26
"pdfjs-2.9.359-legacy-dist.zip" 是该项目的一个特定版本的压缩包，其中包含了必要的文件和资源，用于在你的 Vue 项目中集成 PDF 预览功能。 在 "LICENSE" 文件中，你会看到 PDF.js 的许可协议，通常是 Mozilla ...
pdfjs-2.6.347-dist.zip
03-30
这些文件用于在浏览器中集成PDF.js库，例如`viewer.html`是预览PDF的网页，`pdf.worker.js`是工作线程脚本，处理PDF解析的计算密集型任务，以避免阻塞主线程。 3. **build** 目录可能包含了构建工具生成的文件，比如...
vue-pdf预览无法显示后端定义的字体问题解决
孤独旋转的博客
10-11 960
vue-pdf预览无法显示后端定义的字体问题解决（直接使用vue-pdf，传参即可，不需要复杂操作） Error during font loading: Failed to execute 'postMessage' on 'Worker': ArrayBuffer at index 0 is already detached问题简单修复
pdfjs-dist预览pdf文字丢失Warning: Error during font loading: The CMap “baseUrl“ parameter must be specifie
竹杖芒鞋轻胜马，谁怕？一蓑烟雨任平生
08-31 6518
Error during font loading: The CMap “baseUrl“ parameter must be specifie
pdfjs预览pdf内容文字丢失问题
小兔&崽子的博客
03-11 5516
pdfjs
vue中使用pdfjs-dist预览pdf
10-12
要在Vue中使用pdfjs-dist预览pdf，需要先安装pdfjs-dist和pdfjs-dist-vue插件。然后在组件中引入pdfjs-dist和pdfjs-dist-vue，使用pdfjs-dist-vue提供的PdfViewer组件即可。 具体步骤如下： 1. 安装pdfjs-dist和pdfjs-dist-vue ``` npm install pdfjs-dist pdfjs-dist-vue --save ``` 2. 在组件中引入pdfjs-dist和pdfjs-dist-vue ```javascript import pdfjsLib from 'pdfjs-dist'; import { PdfViewer } from 'pdfjs-dist-vue'; ``` 3. 在模板中使用PdfViewer组件 ```html <PdfViewer :src="pdfUrl" /> ``` 其中，pdfUrl是pdf文件的url地址。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值