[發(fā)明專利]基于WebGL技術(shù)的網(wǎng)頁端大量二維文字繪畫方法

在審

• 申請?zhí)枺?/td>: 202011039348.3
• 申請日: 2020-09-28
• 公開（公告）號(hào): CN112199615A
• 公開（公告）日: 2021-01-08
• 發(fā)明（設(shè)計(jì)）人: 曹偉東;王強(qiáng)強(qiáng);孟玲霄;袁偉;劉中華;顧曉波;馮渝;何昱江;駱鵬飛;呂國超;彭?xiàng)?/a>;趙切;朱伊娜;廖再毅;顧勵(lì);郭靜
• 申請（專利權(quán)）人: 長江精工鋼結(jié)構(gòu)（集團(tuán)）股份有限公司;浙江精工鋼結(jié)構(gòu)集團(tuán)有限公司;浙江精筑信息科技有限公司
• 主分類號(hào): G06F16/957
• 分類號(hào): G06F16/957;G06F16/958
• 代理公司: 紹興市越興專利事務(wù)所(普通合伙) 33220
• 代理人: 蔣衛(wèi)東

1.一種基于WebGL技術(shù)的網(wǎng)頁端大量二維文字繪畫方法，其特征在于包括如下步驟：

步驟1，獲取特定字體Json矢量數(shù)據(jù)集；

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

步驟3，獲取需要展示的文字矢量數(shù)據(jù)集并發(fā)送到前端；

步驟4，前端通過three.js框架中的轉(zhuǎn)化方式將文字矢量數(shù)據(jù)集轉(zhuǎn)化為轉(zhuǎn)化實(shí)體工具；

步驟5，把需要展示的文字集合通過轉(zhuǎn)化實(shí)體工具生成geometry實(shí)體；

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

2.根據(jù)權(quán)利要求1所述的一種基于WebGL技術(shù)的網(wǎng)頁端大量二維文字繪畫方法，其特征在于：所述步驟4與步驟5之間還包括一步驟：判斷文字集合中是否存在矢量數(shù)據(jù)，若不存在矢量數(shù)據(jù)，則根據(jù)文字矢量規(guī)則創(chuàng)建特殊文字或符號(hào)的矢量數(shù)據(jù)加入到矢量數(shù)據(jù)集中，并返回到步驟1。

3.根據(jù)權(quán)利要求1所述的一種基于WebGL技術(shù)的網(wǎng)頁端大量二維文字繪畫方法，其特征在于：所述步驟1具體包括

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

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

步驟1.3，通過網(wǎng)站https://gero3.github.io/facetype.js把下載的ttf文件轉(zhuǎn)化為Json格式的文字矢量數(shù)據(jù)。

4.根據(jù)權(quán)利要求1所述的一種基于WebGL技術(shù)的網(wǎng)頁端大量二維文字繪畫方法，其特征在于：所述步驟2具體包括

步驟2.1，讀取數(shù)據(jù)收集需要展示的文本集合過濾掉相同文字。

5.根據(jù)權(quán)利要求1所述的一種基于WebGL技術(shù)的網(wǎng)頁端大量二維文字繪畫方法，其特征在于：所述步驟3具體包括

步驟3.1，獲取需要展示的文件集合后遍歷獲取每個(gè)文字在步驟2中的每個(gè)文字矢量數(shù)據(jù)獲取要展示的矢量集。

6.根據(jù)權(quán)利要求1所述的一種基于WebGL技術(shù)的網(wǎng)頁端大量二維文字繪畫方法，其特征在于：所述步驟4具體包括

步驟4.1，通過步驟3獲取的數(shù)據(jù)矢量集在前端轉(zhuǎn)化成Json后，通過three.js中的一個(gè)插件直接生產(chǎn)一個(gè)工具實(shí)體。

7.根據(jù)權(quán)利要求1所述的一種基于WebGL技術(shù)的網(wǎng)頁端大量二維文字繪畫方法，其特征在于：所述步驟5具體包括

步驟5.1，通過步驟4產(chǎn)生的工具實(shí)體，把需要展示的問題遍歷生產(chǎn)一個(gè)個(gè)geometry實(shí)體。

8.根據(jù)權(quán)利要求1一種基于WebGL技術(shù)的網(wǎng)頁端大量二維文字繪畫方法：所述步驟6具體包括

步驟6.1，geometry實(shí)體在改變顏色和縮放大小參數(shù)后添加進(jìn)WebGL。