[發明專利]繪制元素跟蹤方法及裝置

在審

• 申請號: 201611156472.1
• 申請日: 2016-12-14
• 公開（公告）號: CN108228286A
• 公開（公告）日: 2018-06-29
• 發明（設計）人: 周建濤
• 申請（專利權）人: 北京國雙科技有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451;G06F3/0484
• 代理公司: 北京鼎佳達知識產權代理事務所(普通合伙) 11348
• 代理人: 王偉鋒;劉鐵生

本發明公開了一種繪制元素跟蹤方法及裝置，涉及信息技術領域，解決了現有技術中無法對繪制元素進行跟蹤的問題。本發明的主要技術方案為：監聽鼠標針對網頁上繪制元素的觸發操作，所述繪制元素為通過繪制畫布繪制的元素；將所述鼠標在所述網頁上的網頁坐標轉換為所述鼠標在所述繪制畫布上的畫布坐標；檢測所述畫布坐標是否落入所述繪制元素的路徑范圍內，所述路徑范圍為所述繪制元素在所述繪制畫布上的路徑范圍；若落入所述繪制元素的路徑范圍內，則響應所述觸發操作。本發明適用于繪制元素的跟蹤。

技術領域

本發明涉及信息技術領域，尤其涉及一種繪制元素跟蹤方法及裝置。

背景技術

隨著信息技術的不斷發展和網頁開發技術的興起，使用一次性繪制技術，如canvas技術，制作網頁動畫和繪制圖形效果已成為了一種潮流。與其他繪制技術相比，一次性繪制技術能夠更好的兼容移動終端，且能夠實現一次性繪制動畫或者繪制圖形效果。然而，一次性繪制技術在指定繪制元素繪制完成后，無法對繪制畫布上的任何繪制元素進行跟蹤，使得繪制動畫的過程變得復雜以及無法實現用戶與一次性繪制畫布的交互。

發明內容

鑒于上述問題，提出了本發明，以便提供一種克服上述問題或者至少部分地解決上述問題的繪制元素跟蹤方法及裝置。

為達到上述目的，本發明主要提供如下技術方案：

一方面，本發明提供了一種繪制元素跟蹤方法，所述方法包括：

監聽鼠標針對網頁上繪制元素的觸發操作，所述繪制元素為通過繪制畫布繪制的元素；

將所述鼠標在所述網頁上的網頁坐標轉換為所述鼠標在所述繪制畫布上的畫布坐標；

檢測所述畫布坐標是否落入所述繪制元素的路徑范圍內，所述路徑范圍為所述繪制元素在所述繪制畫布上的路徑范圍；

若落入所述繪制元素的路徑范圍內，則響應所述觸發操作。

另一方面，本發明提供了一種繪制元素跟蹤裝置，所述裝置包括：

監聽單元，用于監聽鼠標針對網頁上繪制元素的觸發操作，所述繪制元素為通過繪制畫布繪制的元素；

轉換單元，用于將所述鼠標在所述網頁上的網頁坐標轉換為所述鼠標在所述繪制畫布上的畫布坐標；

檢測單元，用于檢測所述畫布坐標是否落入所述繪制元素的路徑范圍內，所述路徑范圍為所述繪制元素在所述繪制畫布上的路徑范圍；

響應單元，用于若所述檢測單元檢測所述畫布坐標落入所述繪制元素的路徑范圍內，則響應所述觸發操作。

借由上述技術方案，本發明提供的一種繪制元素跟蹤方法及裝置。與目前無法實現繪制元素跟蹤相比，本發明實施例通過在監聽到鼠標針對網頁上繪制元素的觸發操作時，將所述鼠標在所述網頁上的網頁坐標轉換為所述鼠標在所述繪制畫布上的畫布坐標，以及在檢測所述畫布坐標落入所述繪制元素的路徑范圍內，響應所述觸發操作，實現了對繪制元素進行跟蹤，簡化了繪制動畫的過程，以及實現了用戶與一次性繪制畫布的交互。

附圖說明

通過閱讀下文優選實施方式的詳細描述，各種其他的優點和益處對于本領域普通技術人員將變得清楚明了。附圖僅用于示出優選實施方式的目的，而并不認為是對本發明的限制。而且在整個附圖中，用相同的參考符號表示相同的部件。在附圖中：

圖1為本發明實施例提供的一種繪制元素跟蹤方法流程圖；

圖2為本發明實施例提供的另一種繪制元素跟蹤方法流程圖；

圖3為本發明實施例提供的一種繪制元素跟蹤裝置結構示意圖；

圖4為本發明實施例提供的另一種繪制元素跟蹤裝置結構示意圖。