[發明專利]應用于web端的圖片預處理方法

有效

• 申請號: 201810973089.8
• 申請日: 2018-08-24
• 公開（公告）號: CN109299412B
• 公開（公告）日: 2022-04-05
• 發明（設計）人: 戴德軍;劉江東;詹偉
• 申請（專利權）人: 四川愛創科技有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957;G06T3/40;G06T3/60;G06T9/00
• 代理公司: 成都虹橋專利事務所(普通合伙) 51124
• 代理人: 李凌峰

1.應用于web端的圖片預處理方法，其特征在于：包括以下步驟：

步驟一、通過web端選擇待處理圖片，然后建立待處理圖片的div盒子模型，將待處理圖片作為div盒子模型的背景圖片，并通過展示div盒子模型的背景圖片在web端上顯示出待處理圖片；

步驟二、根據輸入設備的信號，對待處理圖片進行縮放和/或旋轉和/或移動和/或裁剪操作；

步驟三、web端根據對待處理圖片進行的移動和/或裁剪操作，實時修改div盒子模型背景圖片的顯示位置數據并保存，根據對待處理圖片進行的旋轉操作，實時修改div盒子模型背景圖片的旋轉數據并保存，根據對待處理圖片進行的縮放操作，實時修改div盒子模型背景圖片的縮放比例數據并保存，通過展示div盒子模型的背景圖片在web端上實時更新顯示出操作后的待處理圖片；

步驟四、若操作后的待處理圖片不是需要的圖片，則重復步驟二和步驟三繼續進行操作，若操作后的待處理圖片是需要的圖片，則在確定后執行步驟五；

步驟五、web端利用canvas畫布根據待處理圖片和步驟三中的顯示位置數據進行繪制得到canvas畫布對象，并根據步驟三中的旋轉數據和縮放比例數據對得到的canvas畫布對象進行旋轉和縮放，得到最終效果與需要的圖片完全一樣的最終canvas畫布對象；

步驟六、將最終canvas畫布對象保存到本地或上傳到服務器。

2.如權利要求1所述的應用于web端的圖片預處理方法，其特征在于：所述步驟六中將最終canvas畫布對象上傳到服務器的方法采用：將最終canvas畫布對象轉換成blob圖片對象，然后將blob圖片對象進行壓縮并轉碼為base64或arrayBuffer數據上傳至服務器，服務器保存base64或arrayBuffer數據并將數據存儲地址返回給web端，web端根據該數據存儲地址顯示上傳的圖片。

3.如權利要求1所述的應用于web端的圖片預處理方法，其特征在于：所述步驟六中將最終canvas畫布對象轉換為圖片格式保存到本地。

4.如權利要求1所述的應用于web端的圖片預處理方法，其特征在于：所述步驟二中的輸入設備采用鼠標和/或鍵盤和/或觸摸屏。