1. 程式人生 > >實現pdf.js新增批註(註解)功能/書籤儲存/高亮文字/測量功能/自由手繪/箭頭/下劃線

實現pdf.js新增批註(註解)功能/書籤儲存/高亮文字/測量功能/自由手繪/箭頭/下劃線

但並沒有新增批註檔案的功能,以及批註檔案的儲存功能,下邊是實現的在pdf.js中新增批註功能的截圖,裡邊有各種新增批註的功能,可以像在adobe reader操作批註功能一樣。
我在PDF.JS中建立註釋的實現,它具有更多的特性,比如箭頭、自由手繪、自由文字、文字選擇高亮/下劃線/穿透、測量、圓圈和戳記,使用普通Javascript,以及使用角JS連結畫布中的註釋的右側邊欄列表。
效果顯示請從以下地址下載並觀看:

如何建立註釋在PDF.JS。
首先,我稱我的Web應用註釋器。它是建立在PDF.JS的基礎之上的。它有以下註解:

Square填土工程
-正方形邊框
圓填充
圓邊框
-郵票
-箭頭
-便條
-測量距離(類似於Adobe AcROAT工具)
-測量區域(類似於Adobe AcROAT工具)
-音訊(MP3或OGG)
-自由手繪
-免費文字
-文字下劃線
-文字突出顯示
-文字穿透
-如文字欄位、複選框、單選按鈕等表單欄位
-簽名

所有的註釋都帶有註釋和屬性,比如背景和前景顏色、英寸、釐米或毫米的測量單位以及字型大小。這些相同的註釋可以通過側邊欄作為列表訪問,您可以在其中滾動,還可以通過評論彈出視窗為每個註釋啟動聊天曆史。

基於使用者偏好可以配置的一些漂亮的特徵:

基於縮放值的刻度標註
基於頁面旋轉角度旋轉註釋
-工具提示
-在左側或右側邊欄中顯示註釋列表
-使用“儲存”按鈕或通過每個動作儲存所有註釋
-每個頁面中的水印
-頁面轉換為影象的選定拖動區域的螢幕截圖
-屬性彈出以修改註釋屬性
-註釋彈出修改和添加回複評論
-執行在任何PDF.JS版本上
列印預覽選項,包括水印和註釋

註解功能按鈕
左邊展示的為新增的批註內容以及相關的資訊
批註資訊

在這裡插入圖片描述
詳細諮詢請加入qq群:935312178