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

有效

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

本申請公開了一種在圖片上添加熱區鏈接的方法和裝置，其中方法包括：記錄用戶當前在圖片上用于勾畫熱區的畫線軌跡，得到所述軌跡的點集合；采用格柵切割的方式，對所述點集合中的軌跡點進行篩選，得到所述熱區的精選點集合；觸發所述用戶輸入所述待添加熱區的提示信息和鏈接信息，將所述圖片的名稱、所述精選點集合、所述提示信息和所述鏈接信息作為所述熱區的屬性配置信息保存；當所述圖片需要被網頁加載時，根據所述圖片的名稱獲取該圖片對應熱區的屬性配置信息，并利用預設的網頁腳本語言對所獲取的屬性配置信息進行拼裝，網頁瀏覽器根據所述拼裝的結果，加載所述圖片的所述熱區。采用本發明，能夠在系統開發完成后給圖片添加熱區鏈接。

技術領域

本發明涉及計算應用技術，特別是涉及一種在圖片上添加熱區鏈接的方法和裝置。

背景技術

進入21世紀后，電子商務逐漸占據了廣大消費者的視線。現如今，網上購物早已成為人們生活的一部分，人們習慣性打開諸多購物網站，如淘寶、京東等等，搜索出喜歡的商品，然后點擊購買。當用戶進入購物網站的商品詳情頁后，會見到各種最佳組合、優惠套裝、推薦搭配等，以推薦列表的形式進行打包銷售。也可能會在圖片上添加多個熱點圖標，點擊熱點圖標即可跳轉到到相應的商品詳情頁。極個別商品詳情頁會在商品介紹圖片上添加鏈接熱區。

現有的在圖片上添加鏈接熱區的方案中，主要是利用html中map,area標簽，給圖片添加熱區，不論是矩形區域、還是多邊形區域鏈接，多是由前端開發人員通過前端設計工具如DreamWeaver等在開發階段完成的，上線運行后便不可再操作了，然而矩形區域不夠精確，不規則形狀又可能需要維護大數據量頂點集合，加上前端設計工具的上手難度，使得商家很難介入到圖片熱區的設計中，因此，商家無法通過定制圖片熱區鏈接的方式，提供更好的商品推薦方式。

由此可見，現有的給圖片添加熱區鏈接的方案無法在系統完成開發之后由商家根據商品推薦需要添加熱區鏈接。

發明內容

有鑒于此，本發明的主要目的在于提供一種在圖片上添加熱區鏈接的方法和裝置，可以在系統開發完成后給圖片添加熱區鏈接。

為了達到上述目的，本發明提出的技術方案為：

一種在圖片上添加熱區鏈接的方法，包括：

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

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

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

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

一種在圖片上添加熱區鏈接的裝置，包括：

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

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

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

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