springboot 读取pdf显示到页面_3、前端页面如何优雅的显示PDF(中):渲染文本

本文介绍了如何在SpringBoot应用中读取PDF并将其内容优雅地显示在前端页面上,重点在于文本的渲染方法。通过引入相关依赖并编写renderText函数,实现了PDF的初步展示。为了实现翻页和缩放功能,文章提到需要对源代码进行进一步的修改和完善。
摘要由CSDN通过智能技术生成
通过上节,我们能把pdf 文件渲染到页面实现预览功能,此时PDF只是一个图像文件,如果满足文本复制功能,我们需要把 pdf 文件的文本内容也要解析出来,渲染到相应的位置。我们就能像复制网页文字那样复制pdf里面的文字

推荐阅读

编程琐事:前端页面如何优雅的显示PDF:原理说明​zhuanlan.zhihu.com
96278d5293d777d772080f905876a914.png
编程琐事:2、前端页面如何优雅的显示PDF(上):渲染页面​zhuanlan.zhihu.com
zhihu-card-default.svg

使用依赖包

pdf.js 是能够在canvas 页面上渲染出文本。需要用到的文件。
渲染的原理:在canvas同样的位置添加一个div, 把文本信息渲染到div中 - text_layer_builder.js - text_layer_builder.css

引入文件

import { TextLayerBuilder } from 'p
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值