[發(fā)明專利]基于圖形的事件響應(yīng)方法、裝置、設(shè)備和介質(zhì)

在審

• 申請(qǐng)?zhí)枺?/td>: 202210573583.1
• 申請(qǐng)日: 2022-05-24
• 公開（公告）號(hào): CN114968041A
• 公開（公告）日: 2022-08-30
• 發(fā)明（設(shè)計(jì)）人: 林良喜
• 申請(qǐng)（專利權(quán)）人: 北京有竹居網(wǎng)絡(luò)技術(shù)有限公司
• 主分類號(hào): G06F3/04845
• 分類號(hào): G06F3/04845
• 代理公司: 北京開陽(yáng)星知識(shí)產(chǎn)權(quán)代理有限公司 11710
• 代理人: 阮改燕

1.一種基于圖形的事件響應(yīng)方法，其特征在于，包括：

渲染并顯示可縮放矢量圖形；其中，所述可縮放矢量圖形綁定目標(biāo)交互事件，且所述可縮放矢量圖形由多個(gè)三角形構(gòu)成；

響應(yīng)于對(duì)所述可縮放矢量圖形的觸發(fā)操作，確定觸發(fā)位置；

若基于所述觸發(fā)位置確定所述可縮放矢量圖形中的至少一個(gè)所述三角形被觸發(fā)，則執(zhí)行所述目標(biāo)交互事件。

2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述基于所述觸發(fā)位置確定所述可縮放矢量圖形中的至少一個(gè)所述三角形被觸發(fā)包括：

基于所述觸發(fā)位置，確定目標(biāo)紋理中所述觸發(fā)操作對(duì)應(yīng)的紋理位置；其中，所述目標(biāo)紋理中的紋理圖形對(duì)應(yīng)于所述可縮放矢量圖形，且所述紋理圖形的圖形顏色為第一預(yù)設(shè)顏色，所述目標(biāo)紋理的背景顏色為第二預(yù)設(shè)顏色；

若確定所述紋理位置處的紋理顏色為所述第一預(yù)設(shè)顏色，則確定所述可縮放矢量圖形中的至少一個(gè)所述三角形被觸發(fā)。

3.根據(jù)權(quán)利要求2所述的方法，其特征在于，所述目標(biāo)紋理通過如下方式生成：

利用繪圖渲染引擎，將幀緩沖區(qū)的背景顏色確定為所述第二預(yù)設(shè)顏色；

利用所述繪圖渲染引擎，基于矢量圖形數(shù)據(jù)對(duì)應(yīng)的三角形頂點(diǎn)數(shù)據(jù)和所述第一預(yù)設(shè)顏色，在所述幀緩沖區(qū)中繪制所述可縮放矢量圖形，并將所述幀緩沖區(qū)導(dǎo)出為所述目標(biāo)紋理。

4.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述基于所述觸發(fā)位置確定所述可縮放矢量圖形中的至少一個(gè)所述三角形被觸發(fā)包括：

基于所述觸發(fā)位置，利用光線投影算法，確定所述觸發(fā)位置對(duì)應(yīng)的延伸射線是否與所述可縮放矢量圖形中的任一所述三角形相交；

若是，則確定所述可縮放矢量圖形中的至少一個(gè)所述三角形被觸發(fā)。

5.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述渲染并顯示可可縮放矢量圖形包括：

獲取矢量圖形數(shù)據(jù)，并對(duì)所述矢量圖形數(shù)據(jù)進(jìn)行三角化處理，生成三角形頂點(diǎn)數(shù)據(jù)和每個(gè)所述三角形頂點(diǎn)數(shù)據(jù)對(duì)應(yīng)的初始圖形顏色；

基于所述三角形頂點(diǎn)數(shù)據(jù)和所述初始圖形顏色，利用繪圖渲染引擎進(jìn)行圖形繪制與渲染，生成所述可縮放矢量圖形并顯示。

6.根據(jù)權(quán)利要求5所述的方法，其特征在于，所述對(duì)所述矢量圖形數(shù)據(jù)進(jìn)行三角化處理，生成三角形頂點(diǎn)數(shù)據(jù)包括：

將所述矢量圖形數(shù)據(jù)轉(zhuǎn)換為通用數(shù)據(jù)格式的目標(biāo)信息體；

基于所述目標(biāo)信息體，對(duì)所述矢量圖形數(shù)據(jù)包含的圖形進(jìn)行離散化處理，生成所述矢量圖形數(shù)據(jù)對(duì)應(yīng)的點(diǎn)狀數(shù)據(jù)；

對(duì)所述點(diǎn)狀數(shù)據(jù)進(jìn)行三角化處理，生成所述三角形頂點(diǎn)數(shù)據(jù)。

7.根據(jù)權(quán)利要求6所述的方法，其特征在于，所述對(duì)所述點(diǎn)狀數(shù)據(jù)進(jìn)行三角化處理，生成所述三角形頂點(diǎn)數(shù)據(jù)包括：

針對(duì)同一圖形路徑中的每?jī)蓚€(gè)相鄰的所述點(diǎn)狀數(shù)據(jù)：

基于各所述點(diǎn)狀數(shù)據(jù)生成線狀數(shù)據(jù)，并基于所述線狀數(shù)據(jù)對(duì)應(yīng)的線寬，生成各所述點(diǎn)狀數(shù)據(jù)對(duì)應(yīng)的矩形；

將所述矩形分解為兩個(gè)所述三角形，并基于所述矩形的頂點(diǎn)數(shù)據(jù)確定所述三角形頂點(diǎn)數(shù)據(jù)。

8.根據(jù)權(quán)利要求3或5所述的方法，其特征在于，所述繪圖渲染引擎為web圖形庫(kù)。

9.一種基于圖形的事件響應(yīng)裝置，其特征在于，包括：

矢量圖形顯示模塊，用于渲染并顯示可縮放矢量圖形；其中，所述可縮放矢量圖形綁定目標(biāo)交互事件，且所述可縮放矢量圖形由多個(gè)三角形構(gòu)成；

觸發(fā)位置確定模塊，用于響應(yīng)于對(duì)所述可縮放矢量圖形的觸發(fā)操作，確定觸發(fā)位置；

事件執(zhí)行模塊，用于若基于所述觸發(fā)位置確定所述可縮放矢量圖形中的至少一個(gè)所述三角形被觸發(fā)，則執(zhí)行所述目標(biāo)交互事件。

10.一種電子設(shè)備，其特征在于，包括：

處理器；

存儲(chǔ)器，用于存儲(chǔ)可執(zhí)行指令；

其中，所述處理器用于從所述存儲(chǔ)器中讀取所述可執(zhí)行指令，并執(zhí)行所述可執(zhí)行指令以實(shí)現(xiàn)上述權(quán)利要求1-8中任一項(xiàng)所述的基于圖形的事件響應(yīng)方法。

11.一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，其特征在于，所述存儲(chǔ)介質(zhì)存儲(chǔ)有計(jì)算機(jī)程序，當(dāng)所述計(jì)算機(jī)程序被處理器執(zhí)行時(shí)，使得處理器實(shí)現(xiàn)上述權(quán)利要求1-8中任一項(xiàng)所述的基于圖形的事件響應(yīng)方法。