[發明專利]基于瀏覽器畫布的圖片處理方法、系統、設備和介質

在審

• 申請號: 202011550231.1
• 申請日: 2020-12-24
• 公開（公告）號: CN112667128A
• 公開（公告）日: 2021-04-16
• 發明（設計）人: 郭易
• 申請（專利權）人: 攜程旅游網絡技術（上海）有限公司
• 主分類號: G06F3/0483
• 分類號: G06F3/0483;G06F3/0487;G06F9/451
• 代理公司: 上海隆天律師事務所 31282
• 代理人: 徐莉;鐘宗

1.一種基于瀏覽器畫布的圖片處理方法，其特征在于，包括：

在瀏覽器中生成初始頁面；

響應于所述初始頁面的圖片處理請求，獲得所述初始頁面的圖片位置；

基于所述圖片位置，生成疊加于圖片區域的畫布，所述畫布包括對應圖片邊框的圖片位；

根據所述圖片位的鼠標操作，生成圖片處理信息，將所述圖片處理信息轉化成頁面刷新語句；以及

根據所述頁面刷新語句，刷新所述初始頁面，在所述瀏覽器中生成包含處理后的目標圖片的更新頁面。

2.如權利要求1所述的圖片處理方法，其特征在于，生成所述更新頁面之后，還包括：

關閉所述畫布。

3.如權利要求1所述的圖片處理方法，其特征在于，所述鼠標操作包括移動所述圖片位的位置的第一處理操作和調整所述圖片位的尺寸的第二處理操作。

4.如權利要求1所述的圖片處理方法，其特征在于，所述畫布還包括關聯所述圖片位的輸入框，所述圖片處理方法還包括：

根據所述輸入框的第一輸入參數，生成圖片處理信息，所述第一輸入參數包括對應所述圖片位的位置移動參數和/或尺寸調整參數。

5.如權利要求1所述的圖片處理方法，其特征在于，當所述圖片位置包括對應多張圖片的多組位置信息時，生成的所述畫布包括對應每個圖片邊框的圖片位和一關聯所有圖片位的批量輸入框；

所述圖片處理方法還包括：

根據所述批量輸入框的第二輸入參數，生成圖片處理信息，所述第二輸入參數包括對應所有圖片位的位置移動參數和/或尺寸調整參數。

6.如權利要求1所述的圖片處理方法，其特征在于，所述畫布還包括關聯所述圖片位的替換框，所述圖片處理方法還包括：

根據所述替換框的替換操作，獲得導入圖片，以所述導入圖片替換所述圖片位中的初始圖片。

7.如權利要求1所述的圖片處理方法，其特征在于，所述畫布還包括關聯所述圖片位的下載框，所述圖片處理方法還包括：

根據所述下載框的下載操作，以預設圖片格式下載所述目標圖片。

8.如權利要求1-7任一項所述的圖片處理方法，其特征在于，所述畫布透明疊加于所述圖片區域。

9.如權利要求1所述的圖片處理方法，其特征在于，所述初始頁面中設有圖片處理觸發區域，當監測到所述圖片處理觸發區域的點擊操作，發出所述圖片處理請求。

10.一種基于瀏覽器畫布的圖片處理系統，其特征在于，包括：

頁面加載模塊，用于在瀏覽器中生成初始頁面；

處理觸發模塊，用于響應于所述初始頁面的圖片處理請求，獲得所述初始頁面的圖片位置；

畫布創建模塊，用于基于所述圖片位置，生成疊加于圖片區域的畫布，所述畫布包括對應圖片邊框的圖片位；

語句轉化模塊，用于根據所述圖片位的鼠標操作，生成圖片處理信息，將所述圖片處理信息轉化成頁面刷新語句；以及

頁面刷新模塊，用于根據所述頁面刷新語句，刷新所述初始頁面，在所述瀏覽器中生成包含處理后的目標圖片的更新頁面。

11.一種電子設備，其特征在于，包括：

一處理器；

一存儲器，所述存儲器中存儲有可執行指令；

其中，所述可執行指令被所述處理器執行時，實現如權利要求1-9任一項所述的基于瀏覽器畫布的圖片處理方法。

12.一種計算機可讀的存儲介質，用于存儲程序，其特征在于，所述程序被執行時實現如權利要求1-9任一項所述的基于瀏覽器畫布的圖片處理方法。