本發(fā)明涉及畫布內(nèi)容定位，更具體的說，涉及一種畫布內(nèi)容定位方法及相關裝置。

背景技術：

1、隨著平板電腦(如ipad)的普及，手寫畫板日益成為用戶進行筆記、繪圖和創(chuàng)作的重要工具，手寫畫板能夠使用戶在畫布上進行書寫或繪畫，通過不同的工具和設置，用戶可以調整畫筆的顏色、粗細等，從而創(chuàng)作出豐富多彩的作品。

2、然而，隨著畫布內(nèi)容的增加和復雜化，在畫布內(nèi)容定位方面普遍存在不足，需要用戶在畫布放大狀態(tài)下，采用雙指或單指滑動方式進行導航，反復滑動畫布來尋找定位區(qū)域，這種方法不僅耗時，而且操作繁瑣，工作效率低，從而影響用戶體驗。

技術實現(xiàn)思路

1、有鑒于此，本發(fā)明公開一種畫布內(nèi)容定位方法及相關裝置，以實現(xiàn)在畫布中增加縮略視圖和焦點框的創(chuàng)新組合，通過縮略視圖提供畫布全局視圖，通過控制焦點框在縮略視圖移動實現(xiàn)在畫布中快速導航定位，并將焦點框定位的內(nèi)容通過與焦點框聯(lián)動的畫布可視區(qū)域進行顯示，便于用戶查看畫布內(nèi)容定位結果。

2、一種畫布內(nèi)容定位方法，包括：

3、監(jiān)測用戶在縮略視圖上拖拽焦點框進行畫布內(nèi)容定位的觸控事件，其中，所述縮略視圖與畫布內(nèi)容對應，所述焦點框繪制在所述縮略視圖的頂層，且能夠與畫布可視區(qū)域進行聯(lián)動；

4、確定所述觸控事件中所述焦點框在所述縮略視圖中的焦點框最新位置；

5、基于所述焦點框最新位置以及畫布內(nèi)容縮放后的尺寸得到畫布偏移量；

6、根據(jù)所述畫布偏移量更新所述畫布可視區(qū)域，完成畫布內(nèi)容定位。

7、可選地，所述縮略視圖的創(chuàng)建過程包括：

8、基于畫布尺寸等比例創(chuàng)建縮略視圖框架，并將所述縮略視圖框架懸浮于所述畫布上方；

9、利用視圖類中的筆畫類提取全部筆畫數(shù)據(jù)，并將所述筆畫數(shù)據(jù)渲染為筆畫圖像；

10、將所述筆畫圖像按照縮略視圖尺寸進行縮放，并將縮放后獲得的目標筆畫圖像填充到所述縮略視圖框架中，得到所述縮略視圖。

11、可選地，還包括：

12、當監(jiān)測到用戶在所述畫布上插入圖片時，按照縮略視圖尺寸相對于畫布尺寸的縮小比例，將所述圖片等比例縮小為目標圖片；

13、根據(jù)所述圖片在所述畫布中的插入位置，確定所述目標圖片在所述縮略視圖中的對應目標位置；

14、在所述目標位置渲染所述目標圖片，并使所述目標圖片在所述縮略視圖中所在的圖片層級低于所述縮略視圖中的筆畫層級。

15、可選地，還包括：

16、當監(jiān)測到筆畫變化事件時，獲取最新筆畫圖像；

17、將所述最新筆畫圖像按照按照所述縮略視圖尺寸相對于畫布尺寸的縮小比例進行縮放，得到最新目標筆畫圖像；

18、將所述縮略視圖中的所述目標筆畫圖像替換為所述最新目標筆畫圖像。

19、可選地，還包括：

20、當監(jiān)測到用戶對所述畫布的操作事件時，獲取畫布可視區(qū)域尺寸、畫布可視區(qū)域位置、縮略視圖尺寸和畫布尺寸；

21、基于所述畫布可視區(qū)域尺寸、所述畫布可視區(qū)域位置、所述縮略視圖尺寸和所述畫布尺寸，確定所述焦點框的最新尺寸和最新位置；

22、根據(jù)所述焦點框的最新尺寸和最新位置對所述縮略視圖中的焦點框進行更新。

23、可選地，所述基于所述焦點框最新位置以及畫布內(nèi)容縮放后的尺寸得到畫布偏移量，包括：

24、根據(jù)如下公式確定畫布橫坐標偏移量，公式如下：

25、canvasoffsetx＝(focusframex/thumbnailwidth)×canvascontentwidth；

26、式中，canvasoffsetx表示所述畫布橫坐標偏移量，focusframex表示焦點框橫坐標，thumbnailwidth表示縮略視圖寬度，canvascontentwidth表示畫布內(nèi)容縮放后的寬度；

27、根據(jù)如下公式確定畫布縱坐標偏移量，公式如下：

28、canvasoffsety＝(focusframey/thumbnailheight)×canvascontentheight；

29、式中，canvasoffsety表示畫布縱坐標偏移量，focusframey表示焦點框縱坐標，thumbnailheight表示縮略視圖高度，canvascontentheight表示畫布內(nèi)容縮放后的高度；

30、其中，所述畫布偏移量包括：所述畫布橫坐標偏移量和所述畫布縱坐標偏移量。

31、可選地，所述縮略視圖和所述焦點框為采用可選配置的模塊化結構。

32、一種畫布內(nèi)容定位裝置，包括：

33、監(jiān)測單元，用于監(jiān)測用戶在縮略視圖上拖拽焦點框進行畫布內(nèi)容定位的觸控事件，其中，所述縮略視圖與畫布內(nèi)容對應，所述焦點框繪制在所述縮略視圖的頂層，且能夠與畫布可視區(qū)域進行聯(lián)動；

34、位置確定單元，用于確定所述觸控事件中所述焦點框在所述縮略視圖中的焦點框最新位置；

35、偏移量確定單元，用于基于所述焦點框最新位置以及畫布內(nèi)容縮放后的尺寸得到畫布偏移量；

36、更新單元，用于根據(jù)所述畫布偏移量更新所述畫布可視區(qū)域，完成畫布內(nèi)容定位。

37、一種計算機存儲介質，所述計算機存儲介質存儲至少一個指令，所述至少一個指令被處理器執(zhí)行時實現(xiàn)上述所述的畫布內(nèi)容定位方法。

38、一種電子設備，所述電子設備包括：存儲器和處理器；

39、所述存儲器用于存儲至少一個指令；

40、所述處理器用于執(zhí)行所述至少一個指令以實現(xiàn)上述所述的畫布內(nèi)容定位方法。

41、從上述的技術方案可知，本發(fā)明公開了一種畫布內(nèi)容定位方法及相關裝置，監(jiān)測用戶在縮略視圖上拖拽焦點框進行畫布內(nèi)容定位的觸控事件，確定觸控事件中焦點框在縮略視圖中的焦點框最新位置，基于焦點框最新位置以及畫布內(nèi)容縮放后的尺寸得到畫布偏移量，根據(jù)畫布偏移量更新畫布可視區(qū)域，完成畫布內(nèi)容定位。本發(fā)明在畫布中增加了縮略視圖和焦點框的創(chuàng)新組合，通過縮略視圖提供畫布全局視圖，通過控制焦點框在縮略視圖移動實現(xiàn)在畫布中快速導航定位，并將焦點框定位的內(nèi)容通過與焦點框聯(lián)動的畫布可視區(qū)域進行顯示，便于用戶查看畫布內(nèi)容定位結果，整個操作過程簡單易行，可以有效減少畫布內(nèi)容定位所需花費的時間和操作步驟，從而提高了工作效率和用戶體驗。

技術特征：

1.一種畫布內(nèi)容定位方法，其特征在于，包括：

2.根據(jù)權利要求1所述的畫布內(nèi)容定位方法，其特征在于，所述縮略視圖的創(chuàng)建過程包括：

3.根據(jù)權利要求1或2所述的畫布內(nèi)容定位方法，其特征在于，還包括：

4.根據(jù)權利要求2所述的畫布內(nèi)容定位方法，其特征在于，還包括：

5.根據(jù)權利要求1所述的畫布內(nèi)容定位方法，其特征在于，還包括：

6.根據(jù)權利要求1～5任意一項所述的畫布內(nèi)容定位方法，其特征在于，所述基于所述焦點框最新位置以及畫布內(nèi)容縮放后的尺寸得到畫布偏移量，包括：

7.根據(jù)權利要求1所述的畫布內(nèi)容定位方法，其特征在于，所述縮略視圖和所述焦點框為采用可選配置的模塊化結構。

8.一種畫布內(nèi)容定位裝置，其特征在于，包括：

9.一種計算機存儲介質，其特征在于，所述計算機存儲介質存儲至少一個指令，所述至少一個指令被處理器執(zhí)行時實現(xiàn)如權利要求1～7任意一項所述的畫布內(nèi)容定位方法。

10.一種電子設備，其特征在于，所述電子設備包括：存儲器和處理器；

技術總結
本發(fā)明公開了一種畫布內(nèi)容定位方法及相關裝置，監(jiān)測用戶在縮略視圖上拖拽焦點框進行畫布內(nèi)容定位的觸控事件，確定觸控事件中焦點框在縮略視圖中的焦點框最新位置，基于焦點框最新位置以及畫布內(nèi)容縮放后的尺寸得到畫布偏移量，根據(jù)畫布偏移量更新畫布可視區(qū)域，完成畫布內(nèi)容定位。本發(fā)明在畫布中增加了縮略視圖和焦點框的創(chuàng)新組合，通過縮略視圖提供畫布全局視圖，通過控制焦點框在縮略視圖移動實現(xiàn)在畫布中快速導航定位，并將焦點框定位的內(nèi)容通過與焦點框聯(lián)動的畫布可視區(qū)域進行顯示，便于用戶查看畫布內(nèi)容定位結果，整個操作過程簡單易行，可以有效減少畫布內(nèi)容定位所需花費的時間和操作步驟，從而提高了工作效率和用戶體驗。

技術研發(fā)人員：夏凡,陳志強,楊波
受保護的技術使用者：北京搜狐新動力信息技術有限公司
技術研發(fā)日：
技術公布日：2024/12/23