[發明專利]基于canvas實現office文檔在瀏覽器中預覽的方法

在審

• 申請號: 202010441094.1
• 申請日: 2020-05-22
• 公開（公告）號: CN113703761A
• 公開（公告）日: 2021-11-26
• 發明（設計）人: 葛誠;范江徽;倪中強
• 申請（專利權）人: 永中軟件股份有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F40/166
• 代理公司: 蘇州簡理知識產權代理有限公司 32371
• 代理人: 楊瑞玲

本發明提供一種基于canvas實現office文檔在瀏覽器中預覽的方法，步驟為：在永中軟件中打開文件預覽，在輸入文件項目中，點擊上傳本地文件，選中需要預覽的文檔并點擊打開；然后在輸出文件選項中點擊新頁面預覽；后臺通過永中文檔在線預覽服務將用戶上傳的文檔解析成特定結構的數據；瀏覽器通過axios建立http請求，去獲取服務器指定位置的文件，并將文件并轉化成json，從json中提取文檔中包含的數據結構；在瀏覽器讀取到json后，取到的是一個集合，然后循環讀取集合里的內容，判斷取到的子集類型；用戶預覽繪制完成后的網頁；此方法具備擁有pdf般的顯示效果，可以自適應不同的屏幕大小的同時保持顯示效果以及對用戶端缺少的不常見字體，此技術方案支持內嵌該字體。

技術領域

本發明屬于軟件處理方法技術領域，具體涉及一種基于canvas實現office文檔在瀏覽器中預覽的方法。

背景技術

SVG中相當于都是DOM元素，通過SVG預覽office文檔時，會導致過度使用DOM，從而影響復雜SVG的渲染速度。在這樣的背景下，Canvas顯示出了優勢，首先它僅僅作為一個容器，不包含任何元素，其次在繪制時時逐像素進行渲染，一旦圖形繪制完成，也就不會被瀏覽器繼續關注。Canvas作為HTML5的一部分，允許腳本語言動態渲染，所以在復雜圖像的處理上更為靈活。

因此，有必要設計一種基于canvas實現office文檔在瀏覽器中預覽的方法來解決上述技術問題。

發明內容

為解決現有技術中存在的技術問題，本發明提供了一種基于canvas實現office文檔在瀏覽器中預覽的方法，具體技術方案如下所述：

本發明的一種基于canvas實現office文檔在瀏覽器中預覽的方法，包括如下步驟：

步驟一：在永中軟件中打開文件預覽，在輸入文件項目中，點擊上傳本地文件，選中需要預覽的文檔并點擊打開；然后在輸出文件選項中點擊新頁面預覽；

步驟二：后臺通過永中文檔在線預覽服務將用戶上傳的文檔解析成特定結構的數據；

步驟三：瀏覽器通過axios建立http請求，去獲取服務器指定位置的文件，并將文件并轉化成json，從json中提取文檔中包含的數據結構；

步驟四：在瀏覽器讀取到json后，取到的是一個集合，然后循環讀取集合里的內容，判斷取到的子集類型；

步驟五：用戶預覽繪制完成后的網頁。

優選的，所述步驟二中的數據解析流程具體為：服務器接收到預覽請求時，將用戶上傳的文件，解壓縮到固定的臨時目錄，其中包含了文檔的xml結構；服務器通過xml結構，將各節點數據提取出來組成特定的數據結構；最后將數據結構寫入到服務器指定位置，供瀏覽器獲取訪問。

優選的，所述步驟三中的去獲取服務器指定位置的文件，改文件具體為步驟二中所述的特定結構的數據。

優選的，所述從json中提取文檔中包含的數據結構，所述數據結構包括文檔所用到的相關字體的信息，文檔結構，頁眉頁腳，段落信息以及批注信息。

優選的，所述步驟四中的子集類型包括繪制文字、繪制圖片、繪制圖形以及繪制水印。

優選的，步驟二中所述的特定結構的數據包括文檔的屬性和頁面中的內容。

由于上述技術方案運用，本發明與現有技術相比具有如下一個或多個優點：

1.擁有pdf般的顯示效果，可以再現原文檔的每一個字符，顏色以及圖像。

2.可以自適應不同的屏幕大小的同時保持顯示效果。

3.針對用戶端缺少的不常見字體，此技術方案支持內嵌該字體。