[發明專利]基于WebGL技術的網頁端大量二維文字繪畫方法

在審

• 申請號: 202011039348.3
• 申請日: 2020-09-28
• 公開（公告）號: CN112199615A
• 公開（公告）日: 2021-01-08
• 發明（設計）人: 曹偉東;王強強;孟玲霄;袁偉;劉中華;顧曉波;馮渝;何昱江;駱鵬飛;呂國超;彭棟;趙切;朱伊娜;廖再毅;顧勵;郭靜
• 申請（專利權）人: 長江精工鋼結構（集團）股份有限公司;浙江精工鋼結構集團有限公司;浙江精筑信息科技有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957;G06F16/958
• 代理公司: 紹興市越興專利事務所(普通合伙) 33220
• 代理人: 蔣衛東

本發明提供了一種基于WebGL技術的網頁端大量二維文字繪畫方法，涉及建筑項目建模圖形識別及應用技術領域，通過獲取特定字體Json矢量數據集；獲取需要展示的文字集合；獲取需要展示的文字矢量數據集并發送到前端；前端通過three.js框架中的轉化方式將文字矢量數據集轉化為轉化實體工具；把需要展示的文字集合通過轉化實體工具生成geometry實體；修改geometry實體的部分參數后添加到WebGL中。可以解決現階段存在的使用WebGL查看CAD圖紙時存在大量二維文字時導致圖紙在展示、移動和縮放時出現明顯卡頓的情況。本發明在建筑行業設計圖交互及BIM技術應用中具有顯著效益，該技術實現了能夠在配置不高的設備下用來展示容量比較大的CAD設計圖紙和布置圖。

技術領域

本發明涉及一種基于WebGL技術的網頁端大量二維文字繪畫方法，屬于建筑項目建模圖形識別及應用技術領域。

背景技術

現階段通過瀏覽器的使用WebGL(網頁端)查看CAD圖紙時，當CAD圖紙中存在大量二維矢量文本文字時，由于需要在瀏覽器上顯示巨量二維矢量文本文字，因此會明顯增加瀏覽內存消耗和明顯增加前端網頁轉化文本矢量數據所需時間，進一步地會導致圖紙在展示、移動和縮放時出現明顯卡頓的情況。

基于此，做出本申請。

發明內容

為了解決現有技術中存在的上述缺陷，本發明提供了一種基于WebGL技術的網頁端大量二維文字繪畫方法，能解決現階段存在的使用WebGL查看CAD圖紙時存在大量二維文字時導致圖紙在展示、移動和縮放是出現明顯卡頓的情況。

為了實現上述目的，本發明采取的技術方案如下：

一種基于WebGL技術的網頁端大量二維文字繪畫方法，包括如下步驟：

步驟1，獲取特定字體Json矢量數據集；

步驟2，獲取需要展示的文字集合；

步驟3，獲取需要展示的文字矢量數據集并發送到前端；

步驟4，前端通過three.js框架中的轉化方式將文字矢量數據集轉化為轉化實體工具；

步驟5，把需要展示的文字集合通過轉化實體工具生成geometry實體；

步驟6，修改geometry實體的部分參數后添加到WebGL中。

進一步地，所述步驟4與步驟5之間還包括一步驟：判斷文字集合中是否存在矢量數據，若不存在矢量數據，則根據文字矢量規則創建特殊文字或符號的矢量數據加入到矢量數據集中，并返回到步驟1。

進一步地，所述步驟1具體包括

步驟1.1，選擇以一種通用字體作為展示字體；

步驟1.2，獲取字體格式文件；

步驟1.3，可通過網站https://gero3.github.io/facetype.js把下載的ttf文件轉化為Json格式的文字矢量數據。

進一步地，所述步驟2具體包括步驟2.1，讀取數據收集需要展示的文本集合過濾掉相同文字。

進一步地，所述步驟3具體包括步驟3.1，獲取需要展示的文件集合后遍歷獲取每個文字在步驟2中的每個文字矢量數據獲取要展示的矢量集。

進一步地，所述步驟4具體包括步驟4.1，通過步驟3獲取的數據矢量集在前端轉化成Json后，通過 three.js中的一個插件直接生產一個工具實體。

進一步地，所述步驟5具體包括步驟5.1，通過步驟4產生的工具實體，把需要展示的問題遍歷生產一個個geometry實體。