Skip to content

vue3+vite+pdfjs渲染pdf文件示例,本例演示了三种渲染模式,canvas渲染,html渲染,完整示例渲染

Notifications You must be signed in to change notification settings

xlybyte/vue3-pdf-demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

pdfjs渲染使用

介绍

本项目演示了如何使用pdf.js进行渲染pdf,一共演示了三种渲染模式,不同的渲染方式使用的pdfjs版本不同,目前发现不同版本它使用方式有差异,所以这里用了不同的版本来演示

  1. 使用canvas渲染方式
  2. 使用(dom文字+canvas图标)渲染方式,文字可以复制
  3. 完全使用官方示例的-完整功能渲染方式

本项目使用的vue3.2,vite为基础

运行

项目采用 monorepo 管理

注意:请使用 yarn 作为包管理工具

安装全部项目依赖

yarn install

启动开发项目

# canvas渲染方式
yarn workspace pdf-canvas run dev
# dom渲染方式
yarn workspace pdf-viewer run dev
# 完全使用pdfjs组件渲染
yarn workspace pdf-iframe run dev

本项目演示了如何使用pdf.js进行渲染pdf,一共演示了三种渲染模式,不同的渲染方式使用的pdfjs版本不同,目前发现不同版本它使用方式有差异,所以这里用了不同的版本来演示

  1. 使用canvas渲染方式
  2. 使用(dom文字+canvas图标)渲染方式,文字可以复制
  3. 完全使用官方示例的-完整功能渲染方式

本项目使用的vue3.2,vite为基础

微信客户端是 小程序的宿主环境,小程序借助宿主环境提供的能力,可以完成许多普通网页无法完成的功能,例如:

微信扫码、微信支付、微信登录、地理定位,相机功能

宿主环境包含的内容



如有支持可打赏() (10-200)

imgzfb

imgzfb2

imgwx2

About

vue3+vite+pdfjs渲染pdf文件示例,本例演示了三种渲染模式,canvas渲染,html渲染,完整示例渲染

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published