圖片處理方法和裝置的制造方法
【技術領域】
[0001] 本發(fā)明涉及計算機數據處理技術，尤其涉及一種圖片處理的方法和裝置。
【背景技術】
[0002] 隨著互聯(lián)網技術的發(fā)展，業(yè)界通過各種網絡應用技術開發(fā)出了越來越豐富的互聯(lián) 網應用，滿足了互聯(lián)網用戶的不斷需求。
[0003] 在許多網絡應用中都需要使用網絡圖片，例如在注冊用戶的頭像中需要使用網絡 圖片。由于這些網絡圖片的顯示尺寸和大小有比較嚴格的要求，因此需要對原始圖片進行 處理才能作為網絡圖片使用。
[0004] 但是，制作符合要求尺寸的圖片，需要制圖者具有用戶界面（UI)制作圖片的能 力，至少要熟悉一種專業(yè)的制圖軟件，如Photoshop等，才能利用軟件裁剪出符合網站要求 尺寸的圖片，在此期間還要進行大量繁瑣的手工指令操作，才能制作出滿足目標尺寸要求 的目標圖片，至少包括以下操作：
[0005] (1)點擊選擇指令按鈕，出現(xiàn)選擇框；
[0006] (2)手工調整選擇框的高寬比，使其與目標圖片尺寸的寬高比相同，在此過程中如 果純手工調整，則寬高比與目標圖片尺寸寬高比的誤差較大；如果希望降低誤差，則需要人 工輸入寬高比，操作繁瑣；
[0007] (3)由于無法實現(xiàn)同步預覽，只能利用選擇框進行剪切操作進行預覽；預覽完畢， 如果不滿意還需要撤銷操作，重新調整選擇框再進行剪切操作進行預覽，重復操作太多。并 且，預覽圖的尺寸與目標圖片尺寸不見得一樣，降低了預覽效果。
[0008] (4)在生成圖片時，需要先進行剪切操作，然后再輸入目標圖片的尺寸參數，以此 來調整整個圖片尺寸，之后再點擊保存，生成符合尺寸的目標圖片。
[0009] 因此，現(xiàn)有技術中沒有一種更加智能和自動化的圖片處理方法，用戶不但需要具 備較專業(yè)的制圖技能，而且制圖操作步驟過于復雜，不能實現(xiàn)同步預覽，制圖效率非常低 下。

【發(fā)明內容】

[0010] 有鑒于此，本發(fā)明的主要目的在于提供一種圖片處理方法和裝置，以降低制圖難 度，實現(xiàn)同步預覽，提高制圖效率。
[0011] 本發(fā)明的技術方案是這樣實現(xiàn)的：
[0012] -種圖片處理方法，包括：
[0013] 確定目標圖片的尺寸；
[0014] 生成第一預覽窗口，在該第一預覽窗口中顯示原始圖片；
[0015] 生成一浮動框并置于所述第一預覽窗口上；該浮動框的寬高比與所述目標圖片尺 寸的寬高比固定相同；
[0016] 生成與目標圖片尺寸大小相同的第二預覽窗口；
[0017] 獲取所述第一預覽窗口內被所述浮動框覆蓋的原始圖片區(qū)域圖像，將該原始圖片 區(qū)域圖像填充到所述第二預覽窗口進行顯示；
[0018] 在收到提交指令后，將當前浮動框覆蓋的原始圖片區(qū)域圖像，按照所述目標圖片 尺寸生成目標圖片。
[0019] -種圖片處理裝置，包括：
[0020] 目標尺寸模塊，用于確定目標圖片的尺寸；
[0021] 第一預覽模塊，用于生成第一預覽窗口，在該第一預覽窗口中顯示原始圖片；
[0022] 浮動框模塊，用于生成一浮動框并置于所述第一預覽窗口上，該浮動框的寬高比 與所述目標圖片尺寸的寬高比固定相同；
[0023] 第二預覽模塊，用于生成與目標圖片尺寸大小相同的第二預覽窗口；
[0024] 第一同步預覽模塊，用于獲取所述第一預覽窗口內被所述浮動框覆蓋的原始圖片 區(qū)域圖像，將該原始圖片區(qū)域圖像填充到所述第二預覽窗口進行顯示；
[0025] 圖片生成模塊，用于在收到提交指令后，將當前浮動框覆蓋的原始圖片區(qū)域圖像， 按照所述目標圖片尺寸生成目標圖片。
[0026] 與現(xiàn)有技術相比，本發(fā)明會首先確定目標圖片尺寸，然后生成第一預覽窗口顯示 原始圖片，生成與目標圖片尺寸相同的第二預覽窗口用于顯示目標圖片；并且生成一浮動 框置于所述第一預覽窗口上，所述第一預覽窗口內被所述浮動框覆蓋的原始圖片區(qū)域的圖 像會填充到該第二預覽窗口進行展示，且該浮動框的寬高比始終與所述目標圖片尺寸的寬 高比相同，這樣用戶在處理圖片的過程中就不需要調整浮動框的寬高比，只需要執(zhí)行操作 簡單的移動和縮放操作即可，降低了操作復雜度，提高了操作效率；同時由于浮動框與目標 圖片尺寸的寬高比始終相同，因此在編輯調整過程中始終能夠同步預覽到不需要進行寬高 比調整的目標圖片，不但實現(xiàn)了同步預覽，而且目標圖片逼真，提高了預覽效果，同時也節(jié) 約了計算資源，降低對終端設備的性能要求。在收到提交指令后，不必再進行裁剪操作以及 輸入目標圖片尺寸，而是直接將當前浮動框覆蓋的原始圖片區(qū)域圖像，按照所述目標圖片 尺寸生成目標圖片，節(jié)省了操作步驟，提高了操作效率。
【附圖說明】
[0027] 圖1為本發(fā)明所述圖片處理方法的一種主要實施流程圖；
[0028] 圖2為本發(fā)明所述圖片處理方法的一種操作界面示意圖；
[0029] 圖3為本發(fā)明所述圖片處理裝置的一種組成示意圖；
[0030] 圖4為本發(fā)明所述圖片處理裝置的又一種組成示意圖。
【具體實施方式】
[0031] 下面結合附圖及具體實施例對本發(fā)明再作進一步詳細的說明。
[0032] 圖1為本發(fā)明所述圖片處理方法的一種主要實施流程圖，參見圖1，該流程包括：
[0033] 步驟101、確定目標圖片的尺寸。
[0034] 該目標圖片的尺寸可以提示用戶由用戶輸入。
[0035] 步驟102、生成第一預覽窗口，在該第一預覽窗口中顯示原始圖片；
[0036] 所述原始圖片可以預先進行獲取，具體的獲取方式例如可以是提示用戶輸入原始 圖片信息，具體是提示用戶從本地終端選擇一個原始圖片文件，或者提示用戶輸入一個網 絡圖片的鏈接。如果用戶選擇了一個本地原始圖片，則讀取該原始圖片的數據，包括圖像數 據和尺寸數據，所述尺寸數據從本地原始圖片中的屬性中獲?。蝗绻脩糨斎肓艘粋€網絡 圖片連接，則本發(fā)明從該網絡圖片鏈接處下載該網絡圖片作為原始圖片，由于網絡圖片沒 有屬性，因此本發(fā)明需要進一步計算該網絡圖片的尺寸數據供后續(xù)步驟使用。
[0037] 如圖2所示，通常是在當前界面的左邊生成第一預覽窗口 201，當然也可以在右邊 或者其它位置生成第一預覽窗口 201。在該第一預覽窗口 201中顯示原始圖片。
[0038] 例如在一個具體實施例中，在獲取原始圖片后，本發(fā)明提供的用戶界面（UI)會提 供一個240*240的第一預覽窗口 201供顯示原始圖片。由于在上述步驟中已經獲取了原始 圖片的尺寸數據，因此需要在該第一預覽窗口 201中顯示原始圖片時需要對原始圖片進行 適應性調整。假如用戶選擇的原始圖片尺寸為w*h，其中w為寬度，h為高度，如果 即用戶選擇的是一張寬圖片，此時將該原始圖片等比壓縮為寬為240像素，高為240*h/w像 η，240 素的圖片，然后顯示在第一預覽窗口 201中；如果，即用戶選在了一張窄圖片，此時 將該圖片等比壓縮為高為240像素，寬為240*w/h像素的圖片，然后再顯示在第一預覽窗口 201 中。
[0039] 步驟103、生成一浮動框并置于所述第一預覽窗口上；該浮動框的寬高比與所述 目標圖片尺寸的寬高比固定相同。
[0040] 如圖2所不，可以生成一浮動框202置于所述第一預覽窗口 201上，浮動框201的 寬高比與所述目標圖片尺寸的寬高比固定相同。這樣，用戶在編輯過程中就不必進行繁瑣 的調整寬高比的操作。
[0041] 步驟104、生成與目標圖片尺寸大小相同的第二預覽窗口。
[0042] 如圖2所示，如果目標圖片的尺寸大小為60*50像素，則可以生成尺寸大小為 60*50像素的第二預覽窗口 203。
[0043] 步驟105、獲取所述第一預覽窗口內被所述浮動框覆蓋的原始圖片區(qū)域圖像，將該 原始圖片區(qū)域圖像填充到所述第二預覽窗口進行顯示。
[0044] 如圖2所示，虛線框202為所述浮動框，此時可以調用FLASH提供的應用編程接口 (API)獲取該浮動框202所覆蓋的原始圖片區(qū)域圖像，將獲取到的原始圖片區(qū)域圖像填充 到所述第二預覽窗口 203進行顯示。
[0045] 在一種【具體實施方式】中，所述獲取所述第一預覽窗口內被所述浮動框覆蓋的原始 圖片區(qū)域圖像，具體包括：計算所述第