[發明專利]基于圖形的事件響應方法、裝置、設備和介質

在審

• 申請號: 202210573583.1
• 申請日: 2022-05-24
• 公開（公告）號: CN114968041A
• 公開（公告）日: 2022-08-30
• 發明（設計）人: 林良喜
• 申請（專利權）人: 北京有竹居網絡技術有限公司
• 主分類號: G06F3/04845
• 分類號: G06F3/04845
• 代理公司: 北京開陽星知識產權代理有限公司 11710
• 代理人: 阮改燕

本公開涉及一種基于圖形的事件響應方法、裝置、設備和介質。該方法包括：渲染并顯示可縮放矢量圖形；其中，所述可縮放矢量圖形綁定目標交互事件，且所述可縮放矢量圖形由多個三角形構成；響應于對所述可縮放矢量圖形的觸發操作，確定觸發位置；若基于所述觸發位置確定所述可縮放矢量圖形中的至少一個所述三角形被觸發，則執行所述目標交互事件。根據本公開實施例，實現了由更加精細的三角形繪制可縮放矢量圖形，且通過這些三角形來檢測可縮放矢量圖形是否被觸發，進而進行目標交互事件的響應，避免了可縮放矢量圖形的空白區域被觸發時也響應事件的問題，提高了基于SVG圖形的交互事件的響應精度。

技術領域

本公開涉及計算機技術領域，尤其涉及一種基于圖形的事件響應方法、裝置、設備和介質。

背景技術

目前，可縮放矢量圖形(Scalable Vector Graphics，SVG)作為一種擴展性較強的圖形格式，在互聯網、可視化展示等領域的應用越來越廣泛。SVG突出的優勢在于支持腳本代碼以及DOM(一種處理XML的標準編程接口)，因此用戶能夠按照DOM接口標準訪問SVG文檔中的各類圖形元素，并添加移入、移出、點擊等交互事件。當用戶對SVG圖形進行交互觸發操作后，電子設備便會響應該交互觸發操作，并執行交互事件。

但是，目前的DOM節點對應的交互事件的響應區域由SVG圖形的寬和高構成的矩形確定，這樣會一定程度上擴大交互事件的響應區域，降低交互事件的響應準確性。

發明內容

為了解決上述技術問題，本公開提供了一種基于圖形的事件響應方法、裝置、設備和介質。

第一方面，本公開提供了一種基于圖形的事件響應方法，該方法包括：

渲染并顯示可縮放矢量圖形；其中，所述可縮放矢量圖形綁定目標交互事件，且所述可縮放矢量圖形由多個三角形構成；

響應于對所述可縮放矢量圖形的觸發操作，確定觸發位置；

若基于所述觸發位置確定所述可縮放矢量圖形中的至少一個所述三角形被觸發，則執行所述目標交互事件。

第二方面，本公開提供了一種基于圖形的事件響應裝置，該裝置包括：

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

觸發位置確定模塊，用于響應于對所述可縮放矢量圖形的觸發操作，確定觸發位置；

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

第三方面，本公開提供了一種電子設備，該電子設備包括：

處理器；

存儲器，用于存儲可執行指令；

其中，處理器用于從存儲器中讀取可執行指令，并執行可執行指令以實現本公開任意實施例所說明的基于圖形的事件響應方法。

第四方面，本公開提供了一種計算機可讀存儲介質，該存儲介質存儲有計算機程序，當計算機程序被處理器執行時，使得處理器實現本公開任意實施例所說明的基于圖形的事件響應方法。

本公開實施例的基于圖形的事件響應方法、裝置、設備和介質，能夠渲染并顯示綁定了目標交互事件的、由多個三角形構成的可縮放矢量圖形；并能夠響應于對可縮放矢量圖形的觸發操作，確定觸發位置；且在基于觸發位置確定可縮放矢量圖形中的至少一個三角形被觸發的情況下，執行目標交互事件；實現了由更加精細的三角形繪制可縮放矢量圖形，且通過這些三角形來檢測可縮放矢量圖形是否被觸發，進而進行目標交互事件的響應，避免了可縮放矢量圖形的空白區域被觸發時也響應事件的問題，提高了基于SVG圖形的交互事件的響應精度。

附圖說明