Skip to content

ElasticPDF is a new professional PDF editor development library, based on pdf.js-dist, with added annotation features, the code is compatible with all mainstream browsers, can be deployed in Web, desktop and mobile projects. ElasticPDF 是一款新国产 PDF 编辑器开发框架,基于开源 pdf.js ,增加了批注功能,兼容所有主流浏览器,不仅可以部署于 Web 项目,也可以嵌入任意桌面端和移动端项目中

Notifications You must be signed in to change notification settings

ElasticPDF/elasticpdf

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

48 Commits
 
 
 
 
 
 

Repository files navigation

ElasticPDF-简如 pdf.js,强如 Acrobat

English · 简体中文 · 联系我们 · 文档 · Report Bug · Request Feature · FAQ

Vue Badge React Badge Angular Badge jQuery Badge HTML5 Badge Other-Framework Badge

Chrome Firefox Safari Edge IE Android Badge iOS Badge Windows Badge Mac Badge

ElasticPDF 是一款新国产 PDF 编辑器开发框架,基于开源 pdf.js 的渲染框架,增加了批注功能,支持全离线运行,适用于公网及内网系统。代码包结构延续了 pdf.js-dist 简洁的风格,兼容所有主流浏览器,不仅可以部署于 Web 项目,也可以嵌入任意桌面端和移动端项目中。

0 安装部署

购买许可后我们会提供一个开箱即用的离线代码包,安装部署方法与 pdf.js-dist 代码包相同,具体方法为使用 <iframe> 或者 <webview> 等组件导入代码包内的 viewer.html 即完成嵌入,无需下载任何依赖。

1 在线 Demo 地址

针对于不同项目的开发需求,目前有两个版本的产品可供选择(非免费) ,两者在授权方式和最终批注写入 PDF 的技术效果上有区别,具体以在线 Demo 网站的说明和运行效果为准。试用过程中如遇问题请 Report Bug

① 批注合成版:https://demos.libertynlp.com/#/pdfjs-annotation

② 标准批注版:https://www.elasticpdf.com/demo

封面图.png

2 功能一览

除以下功能外,其他功能也在持续开发中,几乎所有功能都支持定制开发,欢迎提交 功能需求

功能介绍

3 技术优势

ElasticPDF 延续了 pdf.js-dist 的架构风格,全部使用朴素 Javascript 代码开发,简单来说 是在 pdf.js-dist 代码包中增加了几个 js 文件,无需任何在线依赖即可运行, 因而非常适合作为功能模块整合到其他项目中。

不仅可以部署于公网环境应用,独立、简洁的特点也让其拥有完全透明和可控的安全性,因而被选择部署于众多内网系统中。

经过多年的研发,即使是只依赖 HTML,CSS 和 Javascript 运行的产品,批注等功能的产品力也已接近世界一流的PDF编辑器(比如 Adobe Acrobat),具体为批注可以以标准格式写入pdf中,包括注释的任意语言的文字,之后可以再在其他编辑器中编辑。

另外还可以将 批注独立导出为 JSON 格式,便于入库和重载回显,在云端协同的系统中非常便利和经济,因为只需要一个在线原文档和保存数量级通常不到 1M 的批注文件,而不再需要把批注合并到文档中一起保存到后端数据库,可以节省很多流量、宽带和储存费用。

4 批注功能演示

4.1 批注功能

① 文本高亮

无论是桌面端、平板端或者手机都可以精确选择文本,支持跨页高亮,高亮后内容可以修改颜色等属性。

1-highlight.mp4

② 下划线

与高亮功能类似,实现了多种设备文本的精确选择,批注生成后可以修改批注颜色、线条粗细等

2-underline.mp4

③ 插入图片

支持以选取文件或者拖入的方式来插入图片,之后可以对图片的大小、位置、方位、不透明度等实现流畅的修改

3-insert-image.mp4

④ 屏幕截图

绘制矩形框后可截取当前文档的部分内容,并可以修改矩形框位置后再次截图

4-screen-shot.mp4

⑤ 自由绘制

可以随意调整笔刷的大小、颜色和不透明度,然后在文档上自由的绘制,在设置不透明度较小时还可以用来高亮扫描件文本

5-brush.mp4

⑥ 添加文本

可以以插入和拖入的方式来创建文本批注,支持所有语言,创建后可以拖动的方式修改字体形状、字体大小等

6-add-text.mp4

⑦ 多边形

支持创建箭头、直线、矩形、圆形(椭圆)、对勾和身份印章等多边形,生成后的批注支持颜色、大小、位置方位等的修改

7-polygon.mp4

⑧ 超链接

通过绘制矩形框或者选取文字后创建超链接对象,之后可以链接到 URL、页码、在线文档等

8-hyperlink.mp4

4.2 批注管理功能

① 橡皮擦

超强橡皮擦功能,可以局部擦除批注对象,擦除过程中轨迹可见,且擦除后的文本仍然可编辑

9-eraser.mp4

② 撤销 & 重做 批注

撤销或者重做批注,包括批注的生成、修改等各类编辑以及删除等操作

10-undo-redo.mp4

③ 导出 & 导入 JSON 批注

支持将批注文档导出为 JSON 文件,之后再次加载 JSON 文件实现完美的回显,是多端同步的最佳方案

11-output-input-annotation.mp4

④ 批注连接线 & 双语

将右侧列表中的批注与页面的图形对象相连,每一页都单独控制;所有页面操作都支持中英文双语

12-connect-line-language.mp4

About

ElasticPDF is a new professional PDF editor development library, based on pdf.js-dist, with added annotation features, the code is compatible with all mainstream browsers, can be deployed in Web, desktop and mobile projects. ElasticPDF 是一款新国产 PDF 编辑器开发框架,基于开源 pdf.js ,增加了批注功能,兼容所有主流浏览器,不仅可以部署于 Web 项目,也可以嵌入任意桌面端和移动端项目中

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published