新版本分支 main 改动如下：

• 加入依赖
• 彻底形成组件使其容易集成到 vue3 项目中
• 含有相关数据结构和一定业务逻辑，需要将相关后端补齐才可以全部完全使用

未来后续改进：

• 可用 nodejs 编写相关后端形成统一第三方使用组件

相关依赖说明

安装的相关依赖必须使用对应版本，不然会存在冲突或者报错问题，@wangeditor/editor和@wangeditor/editor-for-vue除外

    "@wangeditor/editor": "5.1.23",
    "@wangeditor/editor-for-vue": "5.1.12",
    "fabric": "^4.3.0",
    "jspdf": "2.5.2",
    "pdfjs-dist": "3.9.179",

老版本内容在 old-main 分支

PDF 注释

功能有：pdf 在线批注 | 画笔 | 添加文字 | 添加矩形 | 添加圆形 | 保存批注 | 下载等功能

目前功能较简单，欢迎大家 PR 进行功能补充和完善

支持两种方式使用：

• Vue

• iframe

目录介绍

1. 如果使用 iframe

只需要将 public 中 PDFJsAnnotations 放入自己的项目 public 下，使用 iframe 引入使用即可

<iframe
  src="/PDFJsAnnotations/index.html"
  width="100%"
  height="100%"
  frameborder="0"
></iframe>

2. 如果使用 Vue

需要引入以下依赖：

npm i fabric

# 获取元素目前直接使用的jquery
npm i jquery

在项目根目录的 index.html 中加入如下：

<script src="/pdf.min.js"></script>
<script>
  pdfjsLib.GlobalWorkerOptions.workerSrc = "/pdf.worker.min.js";
</script>

界面展示

欢迎交流