[發(fā)明專利]用于Web端的矢量圖顯示方法、裝置和計(jì)算機(jī)設(shè)備

在審

• 申請(qǐng)?zhí)枺?/td>: 202010592589.4
• 申請(qǐng)日: 2020-06-24
• 公開(kāi)（公告）號(hào): CN111737618A
• 公開(kāi)（公告）日: 2020-10-02
• 發(fā)明（設(shè)計(jì)）人: 楊斌;潘黎麗;馬禮偉
• 申請(qǐng)（專利權(quán)）人: 廣聯(lián)達(dá)科技股份有限公司
• 主分類號(hào): G06F16/957
• 分類號(hào): G06F16/957;G06F16/958
• 代理公司: 北京英特普羅知識(shí)產(chǎn)權(quán)代理有限公司 11015
• 代理人: 程超

1.一種用于Web端的矢量圖顯示方法，其特征在于，包括：

獲取待顯示矢量圖的圖元集合，其中，所述矢量圖包括若干所述圖元集合，所述圖元集合包括若干圖元，所述圖元集合中的各個(gè)圖元可采用相同的WebGL繪制命令進(jìn)行繪制；

確定所述圖元集合所對(duì)應(yīng)的WebGL繪制命令；以及

調(diào)用所述WebGL繪制命令繪制所述圖元集合中的各個(gè)圖元。

2.根據(jù)權(quán)利要求1所述的用于Web端的矢量圖顯示方法，其特征在于，所述圖元集合中的圖元位于同一圖層、具有相同的顏色且屬于同一類型。

3.根據(jù)權(quán)利要求2所述的用于Web端的矢量圖顯示方法，其特征在于，

所述圖元集合包括圖元數(shù)據(jù)和屬性數(shù)據(jù)，其中，所述屬性數(shù)據(jù)包括所述圖元集合中圖元所處的圖層和所述圖元的顏色與類型；

確定所述圖元集合所對(duì)應(yīng)的所述WebGL繪制命令的步驟包括：解析所述屬性數(shù)據(jù)，根據(jù)解析得到的所述圖元的顏色與類型確定所述WebGL繪制命令；

調(diào)用所述WebGL繪制命令繪制所述圖元集合中的各個(gè)圖元的步驟具體為：調(diào)用所述WebGL繪制命令，將所述圖元數(shù)據(jù)繪制在解析得到的所述圖元所處的圖層。

4.根據(jù)權(quán)利要求2所述的用于Web端的矢量圖顯示方法，其特征在于，

所述圖元集合包括圖元數(shù)據(jù)，所述圖元集合的名稱包括所述圖元集合的標(biāo)識(shí)和所述圖元集合中圖元所處的圖層；

確定所述圖元集合所對(duì)應(yīng)的WebGL繪制命令的步驟包括：獲取預(yù)存的標(biāo)識(shí)與WebGL繪制命令的對(duì)應(yīng)關(guān)系表，解析所述圖元集合的名稱，在所述對(duì)應(yīng)關(guān)系表中，根據(jù)解析得到的所述圖元集合的標(biāo)識(shí)查找對(duì)應(yīng)的WebGL繪制命令；

調(diào)用所述WebGL繪制命令繪制所述圖元集合中的各個(gè)圖元的步驟具體為：調(diào)用所述WebGL繪制命令，將所述圖元數(shù)據(jù)繪制在解析得到的所述圖元所處的圖層。

5.根據(jù)權(quán)利要求2所述的用于Web端的矢量圖顯示方法，其特征在于，

所述用于Web端的矢量圖顯示方法還包括：接收?qǐng)D層隱藏命令，確定所述圖層隱藏命令所指示的待隱藏圖層，判斷所述圖元集合中的圖元是否位于所述待隱藏圖層；

調(diào)用所述WebGL繪制命令繪制所述圖元集合中的各個(gè)圖元的步驟具體為：當(dāng)所述圖元集合中的圖元處于的圖層與所述待隱藏圖層不同時(shí)，調(diào)用所述WebGL繪制命令繪制所述圖元集合中的各個(gè)圖元。

6.根據(jù)權(quán)利要求1所述的用于Web端的矢量圖顯示方法，其特征在于，獲取待顯示矢量圖的圖元集合的步驟包括：

向云端發(fā)送矢量圖請(qǐng)求，其中，所述云端在接收到所述請(qǐng)求后返回所述矢量圖對(duì)應(yīng)的圖元數(shù)據(jù)包的存儲(chǔ)地址，其中，所述矢量圖對(duì)應(yīng)多個(gè)圖元數(shù)據(jù)包，所述圖元數(shù)據(jù)包包括若干所述圖元集合；

根據(jù)所述存儲(chǔ)地址下載所述圖元數(shù)據(jù)包；

從所述圖元數(shù)據(jù)包中解析所述圖元集合。

7.根據(jù)權(quán)利要求6所述的用于Web端的矢量圖顯示方法，其特征在于，從所述圖元數(shù)據(jù)包中解析所述圖元集合的步驟包括：

讀取預(yù)存的所述矢量圖對(duì)應(yīng)的數(shù)據(jù)配置文件，其中，所述數(shù)據(jù)配置文件包括圖元集合對(duì)應(yīng)的數(shù)據(jù)包標(biāo)識(shí)、數(shù)據(jù)起始位置和數(shù)據(jù)大?。?/p>

確定所述數(shù)據(jù)包標(biāo)識(shí)所指示的所述圖元數(shù)據(jù)包，得到目標(biāo)圖元數(shù)據(jù)包；

從所述目標(biāo)圖元數(shù)據(jù)包中所述數(shù)據(jù)起始位置處開(kāi)始，讀取所述數(shù)據(jù)大小的數(shù)據(jù)，得到所述圖元集合。

8.一種用于Web端的矢量圖顯示裝置，其特征在于，包括：

獲取模塊，用于獲取待顯示矢量圖的圖元集合，其中，所述矢量圖包括若干所述圖元集合，所述圖元集合包括若干圖元，所述圖元集合中的各個(gè)圖元可采用相同的WebGL繪制命令進(jìn)行繪制；

確定模塊，用于確定所述圖元集合所對(duì)應(yīng)的WebGL繪制命令；以及

繪制模塊，用于調(diào)用所述WebGL繪制命令繪制所述圖元集合中的各個(gè)圖元。