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

在審

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

本發明涉及圖片處理技術領域，提供一種基于瀏覽器畫布的圖片處理方法、系統、設備和介質。圖片處理方法包括：在瀏覽器中生成初始頁面；響應于初始頁面的圖片處理請求，獲得初始頁面的圖片位置；基于圖片位置，生成疊加于圖片區域的畫布，畫布包括對應圖片邊框的圖片位；根據圖片位的鼠標操作，生成圖片處理信息，將圖片處理信息轉化成頁面刷新語句；以及根據頁面刷新語句，刷新初始頁面，在瀏覽器中生成包含處理后的目標圖片的更新頁面。本發明支持在頁面中對圖片進行可視化的便捷處理操作，降低圖片處理成本，提升圖片處理效率；并自動將圖片處理操作轉為頁面刷新語句，通過刷新頁面實時展示處理后的頁面效果，實現所見即所得的頁面圖片處理。

技術領域

本發明涉及圖片處理技術領域，具體地說，涉及一種基于瀏覽器畫布的圖片處理方法、系統、設備和介質。

背景技術

在產品運營場景中，運營人員常需要對頁面中的圖片進行處理。

現有的圖片處理，需要使用PhotoShop等大型圖形應用工具，然而運營人員的操作后臺受權限限制，或受電腦配置限制，無法安裝PhotoShop，導致圖片處理需要交由設計人員進行，給設計人員增加負擔。

并且，使用PhotoShop等大型圖形應用工具進行圖片處理的過程十分繁雜，需要具備專業技能，而運營人員通常不具備相關專業技能，學習成本高。

另外，在進行圖片處理時，由于無法實時觀察到圖片處理后的頁面效果，常會出現處理后的圖片不符合實際需求，導致返工的現象，影響圖片處理效率。

需要說明的是，上述背景技術部分公開的信息僅用于加強對本發明的背景的理解，因此可以包括不構成對本領域普通技術人員已知的現有技術的信息。

發明內容

有鑒于此，本發明提供一種基于瀏覽器畫布的圖片處理方法、系統、設備和介質，支持在頁面中對圖片進行可視化的便捷處理操作，降低圖片處理成本，提升圖片處理效率；并自動將圖片處理操作轉為頁面刷新語句，通過刷新頁面的方式實時展示圖片處理后的頁面效果，實現所見即所得的頁面圖片處理。

本發明的一個方面提供一種基于瀏覽器畫布的圖片處理方法，包括：在瀏覽器中生成初始頁面；響應于所述初始頁面的圖片處理請求，獲得所述初始頁面的圖片位置；基于所述圖片位置，生成疊加于圖片區域的畫布，所述畫布包括對應圖片邊框的圖片位；根據所述圖片位的鼠標操作，生成圖片處理信息，將所述圖片處理信息轉化成頁面刷新語句；以及，根據所述頁面刷新語句，刷新所述初始頁面，在所述瀏覽器中生成包含處理后的目標圖片的更新頁面。

在一些實施例中，生成所述更新頁面之后，還包括：關閉所述畫布。

在一些實施例中，所述鼠標操作包括移動所述圖片位的位置的第一處理操作和調整所述圖片位的尺寸的第二處理操作。

在一些實施例中，所述畫布還包括關聯所述圖片位的輸入框，所述圖片處理方法還包括：根據所述輸入框的第一輸入參數，生成圖片處理信息，所述第一輸入參數包括對應所述圖片位的位置移動參數和/或尺寸調整參數。

在一些實施例中，當所述圖片位置包括對應多張圖片的多組位置信息時，生成的所述畫布包括對應每個圖片邊框的圖片位和一關聯所有圖片位的批量輸入框；所述圖片處理方法還包括：根據所述批量輸入框的第二輸入參數，生成圖片處理信息，所述第二輸入參數包括對應所有圖片位的位置移動參數和/或尺寸調整參數。

在一些實施例中，所述畫布還包括關聯所述圖片位的替換框，所述圖片處理方法還包括：根據所述替換框的替換操作，獲得導入圖片，以所述導入圖片替換所述圖片位中的初始圖片。

在一些實施例中，所述畫布還包括關聯所述圖片位的下載框，所述圖片處理方法還包括：根據所述下載框的下載操作，以預設圖片格式下載所述目標圖片。

在一些實施例中，所述畫布透明疊加于所述圖片區域。