[發明專利]在線編輯圖片的方法和裝置

有效

• 申請號: 201110400403.1
• 申請日: 2011-12-06
• 公開（公告）號: CN103150745B
• 公開（公告）日: 2018-03-20
• 發明（設計）人: 鐘雨歡;林挺
• 申請（專利權）人: 騰訊科技（深圳）有限公司
• 主分類號: G06T11/60
• 分類號: G06T11/60;H04L29/08
• 代理公司: 北京德琦知識產權代理有限公司11018
• 代理人: 陳世華,王琦

技術領域

本發明涉及網絡數據處理技術，尤其涉及一種在線編輯圖片的方法和裝置。

背景技術

隨著互聯網技術的發展，業界通過各種網絡應用技術開發出了越來越豐富的互聯網應用，滿足了互聯網用戶的不斷需求。

在許多網絡應用中都需要使用網絡圖片，例如在注冊用戶的頭像中需要使用網絡圖片。由于這些網絡圖片的顯示尺寸和大小有比較嚴格的要求，因此需要對原始圖片進行處理才能作為網絡圖片使用。

目前大部分網絡應用系統中只是對原始圖片進行相對壓縮處理后，將壓縮后的圖片作為用戶頭像的網絡圖片，不具備在線(即在網頁)對原始圖片的編輯功能。

目前也出現了能夠在網頁中對圖片進行編輯的技術，其主要技術方案是通過flash插件實現圖片的編輯和預覽功能，用戶通過瀏覽器訪問網絡應用系統的頁面時，需要從服務器下載該flash插件并加載到瀏覽器中，最后瀏覽器利用該flash插件編輯原始圖片，最后再把編輯好的圖片上傳給服務器作為網絡圖片使用，例如作為用戶頭像使用。

現有技術的缺點：

一)兼容性差。所述通過Flash插件實現的在線編輯圖片的方案，嚴重依賴于瀏覽器和flash的版本，對于低版本的瀏覽器和flash，則無法正常使用所述在線編輯圖片的功能。另外某些應用廣泛的便攜智能終端也缺乏對flash的支持，例如目前廣泛應該的iPad平板電腦不支持flash，因此，flash插件實現的在線圖片編輯功能在iPad等便攜智能終端的網頁訪問中完全無法使用。

二)處理速度和效率差。Flash插件編譯出來體積會相對于純粹的網頁腳本大得多，用戶需要下載這個插件才可以使用，在網頁傳輸中會大大影響網絡速度，進而影響處理速度，中間很有可能出現停滯等待的情況；并且對于電腦操作系統老舊、瀏覽器版本較低(如IE6)的情況下，flash插件的處理速度和效率非常差。

發明內容

有鑒于此，本發明的主要目的在于提供一種在線編輯圖片的方法和裝置，以提高在線編輯圖片功能的兼容性、處理速度和處理效率。

本發明的技術方案是這樣實現的：

一種在線編輯圖片的方法，包括：

服務器端根據客戶端的指令將待編輯圖片傳輸給客戶端展示；

客戶端生成編輯框并置于所述待編輯圖片之上，并監聽對所述編輯框的操作指令，根據監聽到的操作指令對所述編輯框進行移動和縮放；

客戶端將所述編輯框在所述待編輯圖片上的相對區域參數上傳給服務器；

服務器根據所述相對區域參數編輯處理所述待編輯圖片，生成最終圖片。

一種在線編輯圖片的裝置，該裝置包括：

客戶端的指令發起模塊，用于監聽對圖片的指令并通知服務器；

服務器的圖片傳輸模塊，用于將待編輯圖片傳輸給客戶端；

客戶端的圖片展示模塊，用于展示所述待編輯圖片；

客戶端的編輯框處理模塊，用于生成編輯框置于所述待編輯圖片之上，并監聽對所述編輯框的操作指令，根據監聽到的操作指令對所述編輯框進行移動和縮放；

客戶端的參數上傳模塊，用于將所述編輯框在所述待編輯圖片上的相對區域參數上傳給服務器；

服務器的圖片編輯處理模塊，用于根據所述相對區域參數編輯處理所述待編輯圖片，生成最終圖片。

與現有技術相比，本發明利用客戶端展示圖片和編輯框，并接收指令展示編輯框的調整狀況，調整好后將相關的編輯框在待編輯圖片上的相對區域參數上傳給服務器，由服務器根據這些參數對圖片進行實質的編輯處理。本發明客戶端的所有操作都可以通過純客戶端腳本技術如javascript來完成，因此可以不借助任何插件(如flash)，通過客戶端和服務器的配合完成圖片的在線編輯功能，可以提高在線編輯圖片功能的兼容性，保證了目前大多數瀏覽器均可正常進行圖片的在線編輯，無需考慮用戶安裝的flash插件版本。同時，由于不需要下載flash插件，也不受操作系統和flash版本的影響，因此本發明在線編輯圖片的速度和處理效率也得到了提高。

附圖說明

圖1為本發明所述在線編輯圖片的方法的一種流程圖；

圖2為顯示待編輯圖片以及默認編輯框的示意圖；

圖3為編輯區域和預覽區域的初始示意圖；

圖4為進行編輯操作時編輯區域和預覽區域的示意圖；

圖5為本發明所述在線編輯圖片的裝置的一種組成示意圖；

圖6為本發明所述在線編輯圖片的裝置的另一種組成示意圖；

圖7為所述預覽模塊的內部組成圖。