[發明專利]在圖片上添加熱區鏈接的方法和裝置

有效

• 申請號: 201610862303.3
• 申請日: 2016-09-28
• 公開（公告）號: CN107885538B
• 公開（公告）日: 2020-12-22
• 發明（設計）人: 羅恒全
• 申請（專利權）人: 北京京東尚科信息技術有限公司;北京京東世紀貿易有限公司
• 主分類號: G06F16/958
• 分類號: G06F16/958;G06F16/955;G06F3/0487
• 代理公司: 北京德琦知識產權代理有限公司 11018
• 代理人: 孫清然;王琦

1.一種在圖片上添加熱區鏈接的方法，其特征在于，包括：

記錄用戶當前在圖片上用于勾畫熱區的畫線軌跡，得到所述軌跡的點集合；

采用格柵切割的方式，對所述點集合中的軌跡點進行篩選，得到所述熱區的精選點集合；

觸發所述用戶輸入待添加熱區的提示信息和鏈接信息，將所述圖片的名稱、所述精選點集合、所述提示信息和所述鏈接信息作為所述熱區的屬性配置信息保存；

當所述圖片需要被網頁加載時，根據所述圖片的名稱獲取該圖片對應熱區的屬性配置信息，并利用預設的網頁腳本語言對所獲取的屬性配置信息進行拼裝，網頁瀏覽器根據所述拼裝的結果，加載所述圖片的所述熱區；

其中，所述對所述點集合中的軌跡點進行篩選包括：

利用預設方向的n條切割線將所述畫線軌跡對應的矩形區域進行切割，根據所述點集合，沿著所述畫線軌跡依次記錄所述畫線軌跡與所述切割線的交點，得到一切割交點隊列，其中，相鄰兩條所述切割線之間的寬度為預設的格柵寬度；

遍歷所述切割交點隊列中的每個點i，判斷該點i與其后的相鄰點之間的連線段是否與至少一條所述切割線相交，如果相交，則將該交點增加到所述切割交點隊列中且按照所述畫線軌跡的順序排序在該點i之后；

從所述遍歷后得到的切割交點隊列中，查找出每一組共線且連續相鄰的三個以上的點，將所查找出的每組點中上除共線的兩端點外的其他點從所述切割交點隊列中刪除。

2.根據權利要求1所述的方法，其特征在于，利用HTML5中的畫板canvas技術，記錄所述畫線軌跡。

3.根據權利要求2所述的方法，其特征在于，所述畫線軌跡為鼠標的拖動軌跡。

4.一種在圖片上添加熱區鏈接的裝置，其特征在于，包括：

采集單元，用于記錄用戶當前在圖片上用于勾畫熱區的畫線軌跡，得到所述軌跡的點集合；

篩選單元，用于采用格柵切割的方式，對所述點集合中的軌跡點進行篩選，得到所述熱區的精選點集合，其中，所述篩選包括：利用預設方向的n條切割線將所述畫線軌跡對應的矩形區域進行切割，根據所述點集合，沿著所述畫線軌跡依次記錄所述畫線軌跡與所述切割線的交點，得到一切割交點隊列，其中，相鄰兩條所述切割線之間的寬度為預設的格柵寬度；遍歷所述切割交點隊列中的每個點i，判斷該點i與其后的相鄰點之間的連線段是否與至少一條所述切割線相交，如果相交，則將該交點增加到所述切割交點隊列中且按照所述畫線軌跡的順序排序在該點i之后；從所述遍歷后得到的切割交點隊列中，查找出每一組共線且連續相鄰的三個以上的點，將所查找出的每組點中上除共線的兩端點外的其他點從所述切割交點隊列中刪除；

配置單元，用于觸發所述用戶輸入待添加熱區的提示信息和鏈接信息，將所述圖片的名稱、所述精選點集合、所述提示信息和所述鏈接信息作為所述熱區的屬性配置信息保存；

顯示單元，用于當所述圖片需要被網頁加載時，根據所述圖片的名稱獲取該圖片對應熱區的屬性配置信息，并利用預設的網頁腳本語言對所獲取的屬性配置信息進行拼裝，網頁瀏覽器根據所述拼裝的結果，加載所述圖片的所述熱區。

5.根據權利要求4所述的裝置，其特征在于，所述采集單元利用HTML5中的畫板canvas技術，記錄所述畫線軌跡。

6.根據權利要求5所述的裝置，其特征在于，所述畫線軌跡為鼠標的拖動軌跡。