pdf.js批注注釋插件庫,保存導(dǎo)出pdf批注注釋(高亮/下劃線/自由文本/自由畫筆)

我開發(fā)了pdf.js增加pdf批注注釋插件庫,支持寫入批注到pdf中并保存,為目前純前端 javascript 最佳實(shí)現(xiàn)方案,僅使用了最新 PDF.js dist 版本,可以十分方便的集成到任意web項(xiàng)目中。

Demo地址

Demo地址在:https://demos.libertynlp.com/#/pdfjs-annotation 我僅僅基于 pdf.js-dist 完成了Web端pdf注釋功能的開發(fā),如果你想集成到項(xiàng)目中的話,將會(huì)是非常容易的事情。

功能演示視頻鏈接: https://www.bilibili.com/video/BV1UY411f7kR/?vd_source=a5c5f09040e15f0a45339e0613559d01

演示視頻截屏.jpg

功能模塊

① 保存批注: 把批注標(biāo)記保存到pdf文件中。
② 文本高亮: 高亮滑選的文本。
③ 文本下劃線: 給滑選文本增加下劃線。
④ 自由文本: 往PDF添加自由文本段落。
⑤ 自由畫筆: 在PDF上使用畫筆自由繪制。
⑥ 編輯注釋: 復(fù)制、刪除和跳轉(zhuǎn)。
⑦ 導(dǎo)出注釋: 導(dǎo)出標(biāo)注給其他文獻(xiàn)。
⑧ 導(dǎo)入標(biāo)注: 導(dǎo)入其他標(biāo)注。
⑨ 下載標(biāo)注: 導(dǎo)出當(dāng)前論文標(biāo)注和批注為txt。
10 撤銷標(biāo)注: 撤銷當(dāng)前頁面的標(biāo)注。

總結(jié)

我已經(jīng)完成了僅使用 pdf.js-distpdf.js 增加注釋最佳解決方案,可以在純web端實(shí)現(xiàn)pdf的批注和導(dǎo)出,并將 Demo 放在 https://demos.libertynlp.com/#/pdfjs-annotation 期待你的訪問。

歡迎持續(xù)關(guān)注,將會(huì)持續(xù)更新pdf.js開發(fā)教程,任何pdf.js定制開發(fā)需求歡迎隨時(shí)通過郵箱:weichaoxu1998@gmail.com 聯(lián)系我。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容