我開發(fā)了pdf.js增加pdf批注注釋插件庫(kù),支持寫入批注到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
功能模塊
① 保存批注: 把批注標(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)前頁(yè)面的標(biāo)注。
總結(jié)
我已經(jīng)完成了僅使用 pdf.js-dist 的 pdf.js 增加注釋最佳解決方案顿痪,可以在純web端實(shí)現(xiàn)pdf的批注和導(dǎo)出镊辕,并將 Demo 放在 https://demos.libertynlp.com/#/pdfjs-annotation 期待你的訪問(wèn)。
歡迎持續(xù)關(guān)注蚁袭,將會(huì)持續(xù)更新pdf.js開發(fā)教程征懈,任何pdf.js定制開發(fā)需求歡迎隨時(shí)通過(guò)郵箱:weichaoxu1998@gmail.com 聯(lián)系我。