[發(fā)明專利]一種圖片的裁剪方法和瀏覽器裝置

在審

• 申請?zhí)枺?/td>: 201410371235.1
• 申請日: 2014-07-30
• 公開（公告）號: CN105335925A
• 公開（公告）日: 2016-02-17
• 發(fā)明（設計）人: 洪曉健;遲曉靚
• 申請（專利權）人: 北京暢游天下網絡技術有限公司
• 主分類號: G06T3/00
• 分類號: G06T3/00;G06F17/30
• 代理公司: 北京潤澤恒知識產權代理有限公司 11319
• 代理人: 蘇培華

1.一種圖片的裁剪方法，其特征在于，包括：

瀏覽器接收上傳圖片并將所述上傳圖片壓縮后顯示在當前頁面的裁剪區(qū)域內；

在所述裁剪區(qū)域上顯示裁剪框，并依據指示信息調整所述裁剪框確定裁剪信息；

按照預置公式采用所述裁剪信息計算所述上傳圖片對應裁剪圖片的尺寸信息，并按照所述尺寸信息繪制所述裁剪圖片進行預覽顯示；

對所述裁剪圖片進行編碼，并將編碼后的裁剪圖片反饋給服務器，以在所述服務器中備份所述裁剪圖片。

2.根據權利要求1所述的方法，其特征在于，將所述上傳圖片壓縮后顯示在當前頁面的裁剪區(qū)域內，包括：

獲取當前頁面中裁剪區(qū)域的規(guī)格信息，并依據所述規(guī)格信息對所述上傳圖片進行等比例壓縮；

將壓縮后的上傳圖片添加到所述裁剪區(qū)域內進行顯示。

3.根據權利要求1或2所述的方法，其特征在于，所述瀏覽器接收上傳圖片之后，還包括：

讀取所述上傳圖片的描述信息，并依據所述描述信息檢測所述上傳圖片是否符合圖片規(guī)格條件；

在所述傳圖片符合圖片規(guī)格條件時，執(zhí)行將所述上傳圖片壓縮后顯示在當前頁面的裁剪區(qū)域內的步驟。

4.根據權利要求1所述的方法，其特征在于，在所述裁剪區(qū)域上顯示裁剪框，并依據指示信息調整所述裁剪框確定裁剪信息，包括：

按照預置裁剪信息生成裁剪框，并將所述裁剪框遮蓋在所述裁剪區(qū)域內的上傳圖片上；

監(jiān)聽鼠標事件獲取對所述裁剪框進行調整的指示信息；

依據所述指示信息調整所述裁剪框的大小范圍，和/或，調整裁剪框在所述裁切區(qū)域上的位置，確定調整后的裁剪信息。

5.根據權利要求1所述的方法，其特征在于，按照預置公式采用所述裁剪信息計算所述上傳圖片對應裁剪圖片的尺寸信息，包括：

當預置公式為第一公式時，按照所述第一公式計算所述裁剪信息對應在所述上傳圖片中的坐標信息，確定所述上傳圖片對應裁剪圖片的尺寸信息；

和/或，

當預置公式為第二公式時，按照所述第二公式計算所述裁剪信息對應在壓縮后的上傳圖片中的坐標信息，確定所述上傳圖片對應裁剪圖片的尺寸信息。

6.根據權利要求1所述的方法，其特征在于，按照所述尺寸信息繪制所述裁剪圖片進行預覽顯示，包括：

按照所述尺寸信息對所述上傳圖片和/或壓縮后的上傳圖片進行裁剪得到繪制的裁剪圖片；

將所述裁剪圖片顯示在當前頁面的預覽區(qū)域內。

7.根據權利要6所述的方法，其特征在于，所述對所述裁剪圖片進行編碼，包括：

從所述預覽區(qū)域內獲取裁剪圖片，并按照預置算法對所述裁剪圖片進行編碼。

8.一種瀏覽器裝置，其特征在于，包括：

接收模塊，用于接收上傳圖片；

顯示模塊，用于將所述上傳圖片壓縮后顯示在當前頁面的裁剪區(qū)域內；

裁剪框調整模塊，用于在所述裁剪區(qū)域上顯示裁剪框，并依據指示信息調整所述裁剪框確定裁剪信息；

預覽顯示模塊，用于按照預置公式采用所述裁剪信息計算所述上傳圖片對應裁剪圖片的尺寸信息，并按照所述尺寸信息繪制所述裁剪圖片進行預覽顯示；

編碼并反饋模塊，用于對所述裁剪圖片進行編碼，并將編碼后的裁剪圖片反饋給服務器，以在所述服務器中備份所述裁剪圖片。

9.根據權利要求8所述的裝置，其特征在于，所述顯示模塊，包括：

壓縮子模塊，用于獲取當前頁面中裁剪區(qū)域的規(guī)格信息，并依據所述規(guī)格信息對所述上傳圖片進行等比例壓縮；

顯示子模塊，用于將壓縮后的上傳圖片添加到所述裁剪區(qū)域內進行顯示。

10.根據權利要求8或9所述的裝置，其特征在于，還包括：

檢測模塊，用于讀取所述上傳圖片的描述信息，并依據所述描述信息檢測所述上傳圖片是否符合圖片規(guī)格條件；在所述傳圖片符合圖片規(guī)格條件時，觸發(fā)顯示模塊。