專利名稱：互聯(lián)網(wǎng)web頁面的物品圖像立體高清放大展示方法
技術(shù)領(lǐng)域：
本發(fā)明涉及一種圖像處理方法，尤其涉及一種互聯(lián)網(wǎng)web頁面的物品圖像立體高清放大展示方法。
背景技術(shù)：
目前網(wǎng)上展示的物品照片大多是一幅或幾幅平面照片和一個(gè)簡單的放大方式，比如電子商務(wù)網(wǎng)站展示的商品等。一般的表現(xiàn)形式是通過點(diǎn)擊一幅初始大小圖，激活另一幅完整的放大圖加載，加載后可以局部或全部展示。由于網(wǎng)速的原因，放大圖在尺寸上不能太大，以免影響圖像從服務(wù)器下載到用戶電腦并顯示到用戶屏幕的速度。另外，目前行業(yè)內(nèi)對于物品立體展示的放大方法一般是在旋轉(zhuǎn)物品到一個(gè)角度后，點(diǎn)擊放大按鈕，加載一個(gè)該角度的完整的放大圖，方法與上述平面圖的放大方法相似，而且一般的顯示辦法是放大圖不與初始大小圖片上下覆蓋重疊，對用戶視覺上不能產(chǎn)生自然放大的感覺。

發(fā)明內(nèi)容
為克服現(xiàn)有技術(shù)的上述缺陷，本發(fā)明的目的在于提供一種互聯(lián)網(wǎng)web頁面的物品圖像立體高清放大展示方法，在普通網(wǎng)速條件下對物品圖像的各個(gè)角度都能快速展示放大細(xì)節(jié)。本發(fā)明采用的技術(shù)方案為一種互聯(lián)網(wǎng)web頁面的物品圖像立體高清放大展示方法，包括以下步驟
(1)獲取需要在網(wǎng)頁里展示的物品的各角度圖像圖片；
(2)分別將各角度圖像圖片切割成若干個(gè)圖像碎片，將所述各角度圖像圖片和各角度圖像圖片的圖像碎片存儲在網(wǎng)站服務(wù)器中；
(3)根據(jù)瀏覽者的圖像操作指令，在所述網(wǎng)站服務(wù)器中調(diào)取顯示范圍內(nèi)的一個(gè)或多個(gè)圖像碎片，在顯示器上按在初始顯示圖片中原有的位置關(guān)系和比例關(guān)系顯示出來。所述步驟(I)中的各角度圖像圖片可以包括所需要的每一個(gè)角度的不同像素的多個(gè)圖像圖片。物品的每一個(gè)角度的圖像圖片的個(gè)數(shù)可以根據(jù)預(yù)設(shè)的圖像圖片相比于初始顯示圖片可放大的級數(shù)確定，即預(yù)設(shè)的初始顯示圖片的可放大的級數(shù)越多，每一個(gè)角度的圖像的個(gè)數(shù)越多。物品的每一角度的多個(gè)圖像圖片的像素的高低可以與相比于初始顯示圖片的放大倍數(shù)成正比，即圖像圖片相比于初始顯示圖片放大的倍數(shù)越高，該圖像圖片的像素越高。所述步驟(2)中的所述圖像圖片切割成所述圖像碎片的個(gè)數(shù)可以與所述圖像圖片的像素的高低成正比，即圖像圖片的像素越高，該圖像圖片被切割成圖像碎片的個(gè)數(shù)越多。所述各圖像圖片和各圖像圖片的圖像碎片在存入所述網(wǎng)站服務(wù)器時(shí)，可以劃分各所述圖像圖片和各圖像圖片的圖像碎片相比于初始顯示圖片的放大級別。
所述步驟(3)中調(diào)取相應(yīng)圖像碎片前，可以根據(jù)圖像顯示窗口的大小和瀏覽者的放大圖像操作指令先確定需要調(diào)取的所述圖像碎片的所屬級別，然后調(diào)取該級別下的相應(yīng)的所述圖像碎片。所述步驟(3)中的在初始顯示圖片中原有的位置關(guān)系顯示是指以上下覆蓋的方式將所述圖像碎片加載到初始顯示圖片的與所述圖像碎片相對應(yīng)的部位的原始位置上。優(yōu)選地，每一個(gè)圖像圖片切割成的若干個(gè)圖像碎片的大小相同。瀏覽者的圖像操作指令可以包括圖像的旋轉(zhuǎn)、平移和圖像的整體或局部的放大、縮小及全屏顯示。本發(fā)明的有益效果由于將需要展示的物品的各角度圖像圖片切割成圖像碎片，當(dāng)用戶在網(wǎng)頁上需要對圖像圖片的某個(gè)部位進(jìn)行放大顯示時(shí)，系統(tǒng)程序只需從服務(wù)器中調(diào)取相應(yīng)的部位的圖像碎片或相鄰幾個(gè)圖像碎片進(jìn)行顯示，而不需要激活初始顯示圖片的完整的放大圖，減少了圖像加載的大小，減少了寬帶帶寬的占用，使需要展示的局部放大圖片可以快速地從服務(wù)器上下載到用戶的電腦并顯示在用戶屏幕上，使對初始顯示圖片的高清放大不受網(wǎng)速的限制。將調(diào)用的圖像碎片顯示以上下覆蓋的方式加載到初始顯示圖片的相應(yīng)部位的原始位置上，可以使用戶在視覺上產(chǎn)生自然放大的感覺，便于觀看、對比和操作。本發(fā)明有助于產(chǎn)品圖像的全方位立體展示，主要適用于電子商務(wù)、文物和工藝品的展示以及文化創(chuàng)意和廣告的立體效果展示等。


圖I是本發(fā)明的流程圖。
具體實(shí)施例方式參見圖1，本發(fā)明提供了一種互聯(lián)網(wǎng)web頁面的物品圖像立體高清放大展示方法，可以在普通網(wǎng)速條件下對物品圖像的各個(gè)角度都能快速展示放大細(xì)節(jié)，其放大倍數(shù)理論上可以無限大，主要包括以下步驟
(1)獲取需要在網(wǎng)頁里展示的物品的各角度圖像圖片；
(2)分別將各角度圖像圖片切割成若干個(gè)圖像碎片，將所述各角度圖像圖片和各角度圖像圖片的圖像碎片存儲在網(wǎng)站服務(wù)器中；
(3)根據(jù)瀏覽者的圖像操作指令，在所述網(wǎng)站服務(wù)器中調(diào)取顯示范圍內(nèi)的一個(gè)或多個(gè)圖像碎片，在顯示器上按在初始顯示圖片中原有的位置關(guān)系和比例關(guān)系顯示出來。物品的各角度圖像圖片可以采用任意適宜的圖像拍攝設(shè)備或拍攝軟件獲取，可以通過軟件批處理的方式對各圖像圖片進(jìn)行按要求切割，包括裁剪、摳圖和修理等步驟，優(yōu)選地，將各角度圖像圖片和各角度圖像圖片的圖像碎片制作成展示文件包存儲在網(wǎng)站服務(wù)器中，便于調(diào)取，為節(jié)省圖片處理時(shí)間，可以在網(wǎng)站服務(wù)器中設(shè)置展示模板，各角度圖像圖片切割好后，將各角度圖像圖片和各角度圖像圖片的圖像碎片添加到展示模板中即可。用戶需要觀看物品高清圖像時(shí)，只需在網(wǎng)絡(luò)終端通過http網(wǎng)頁訪問鏈接地址，圖像即可展示在網(wǎng)絡(luò)終端的顯示器上，一般地，網(wǎng)絡(luò)終端的系統(tǒng)只要能夠支持flash或html5的瀏覽器，就都能夠采用上述方法展示物品圖像。
4
所述步驟(3)中的在初始顯示圖片中原有的位置關(guān)系顯示是指以上下覆蓋的方式將所述圖像碎片加載到初始顯示圖片的與所述圖像碎片相對應(yīng)的部位的原始位置上，這樣可以使用戶在視覺上產(chǎn)生自然放大的感覺，便于觀看、對比和操作。所述步驟(I)中的各角度圖像圖片可以包括所需要的每一個(gè)角度的不同像素的多個(gè)圖像圖片，以使物品可以全方位立體展示和放大，每一個(gè)角度的不同像素的多個(gè)圖像圖片可以采用軟件批處理的方式對初始顯示圖片進(jìn)行像素的放大和縮小獲得。物品的每一個(gè)角度的圖像圖片的個(gè)數(shù)可以根據(jù)預(yù)設(shè)的圖像圖片相比于初始顯示圖片可放大的級數(shù)確定，即預(yù)設(shè)的初始顯示圖片的可放大的級數(shù)越多，每一個(gè)角度的圖像的個(gè)數(shù)越多，每一個(gè)圖片對應(yīng)于該角度下的初始顯示圖片的一個(gè)放大級數(shù)。物品的每一角度的多個(gè)圖像圖片的像素的高低可以與相比于初始顯示圖片的放大倍數(shù)成正比，即圖像圖片相比于初始顯示圖片預(yù)設(shè)的放大的倍數(shù)越高，該圖像圖片的像素也越高，以使放大顯示的相應(yīng)的圖像碎片更加清晰。所述步驟(2)中的所述圖像圖片切割成所述圖像碎片的個(gè)數(shù)可以與所述圖像圖片的像素的高低成正比，也相當(dāng)于與該圖像圖片相比于初始顯示圖片的放大倍數(shù)成正比，即圖像圖片的像素越高，該圖像圖片被切割成圖像碎片的個(gè)數(shù)越多，圖像碎片的幾何大小越小，該圖像碎片在顯示器上的大小已定的顯示窗口顯示時(shí)，相比于初始顯示圖片的相應(yīng)部位的放大倍數(shù)越大。所述各圖像圖片和各圖像圖片的圖像碎片在存入所述網(wǎng)站服務(wù)器時(shí)，可以劃分各所述圖像圖片和各圖像圖片的圖像碎片相比于初始顯示圖片的放大級別，這樣所述步驟
(3)中調(diào)取相應(yīng)圖像碎片前，可以根據(jù)圖像顯示窗口的大小和瀏覽者的放大圖像操作指令先確定需要調(diào)取的所述圖像碎片的所屬級別，然后調(diào)取該級別下的相應(yīng)的所述圖像碎片。優(yōu)選地，每一個(gè)圖像圖片切割成的若干個(gè)圖像碎片的大小相同，以使在分別調(diào)用同一個(gè)圖像圖片的多個(gè)圖像碎片時(shí)，多個(gè)圖像碎片相比于初始顯示圖片的放大倍數(shù)相同。瀏覽者的圖像操作指令至少可以包括圖像的旋轉(zhuǎn)、平移和圖像的整體或局部的放大、縮小及全屏顯示。由于瀏覽者想觀看的放大圖片在圖像顯示窗口上經(jīng)常是顯示出初始顯示圖片其中的一部分，因此并非是圖像圖片的所有的圖像碎片都落在圖像顯示窗口的顯示范圍內(nèi)。在顯示范圍內(nèi)，有些圖像碎片全部顯示出來，有些圖像碎片只顯示出一部分，這些只顯示一部分的圖像碎片也需要從網(wǎng)站服務(wù)器中調(diào)取，而那些根本不需要顯示的圖像碎片就不用調(diào)取了，由此減少了所調(diào)取的數(shù)據(jù)量。另外，還可以將已經(jīng)從網(wǎng)站服務(wù)器上調(diào)取的圖像碎片數(shù)據(jù)存儲在本地，以便以后需要時(shí)直接從本地讀取，以進(jìn)一步減少網(wǎng)絡(luò)通信量。本發(fā)明的工作原理為采用適宜的圖像拍攝設(shè)備或拍攝軟件獲取需要在網(wǎng)頁里展示的物品的各角度圖像圖片，通過軟件批處理的方式根據(jù)預(yù)設(shè)的相比于初始顯示圖片的放大級數(shù)對各角度圖像圖片進(jìn)行像素的放大和縮小，以獲得每一個(gè)角度的不同的像素的多個(gè)圖像圖片，并根據(jù)預(yù)設(shè)的各圖像圖片相比于初始顯示圖片的放大倍數(shù)對各圖像圖片進(jìn)行切割，每一個(gè)圖像圖片切割成若干個(gè)圖像碎片。將各圖像圖片和切割成的圖像碎片制成展示文件包存儲在網(wǎng)站服務(wù)器中，并劃分各圖像圖片及其切割成的圖像碎片相對于初始顯示圖片的放大級別。用戶在網(wǎng)絡(luò)終端通過網(wǎng)頁訪問鏈接地址，flash或html5在網(wǎng)絡(luò)終端的顯示器上顯示初始顯示圖片，可以點(diǎn)擊旋轉(zhuǎn)按鈕調(diào)節(jié)初始顯示圖片的角度，點(diǎn)擊放大按鈕或通過鼠標(biāo)滑輪激活放大功能，確定放大級別后從網(wǎng)站服務(wù)器中調(diào)取相應(yīng)級別的與放大部位相對應(yīng)的圖像碎片，通過flash或html5加載到初始顯示圖片的相應(yīng)幾何位置顯示。實(shí)施例
對酒瓶每隔15°拍攝一幅圖像，總共24幅,每幅圖像為2000X2000像素；
對每幅圖像進(jìn)行處理，獲得可在網(wǎng)頁快速顯示的圖像，作為初始顯示圖片，如將每幅圖像處理成400 X 400像素；
預(yù)設(shè)各角度的初始顯示圖片可進(jìn)行二級放大；
制作一級放大圖像碎片將原拍攝的各圖像圖片縮小為1000X 1000像素,然后將每個(gè)圖像圖片切割成4X4=16個(gè)圖像碎片，各圖像碎片的大小相同，每個(gè)圖像碎片為250X250
像素；
制作二級放大圖像碎片將原拍攝的2000X2000像素的各圖像圖片切割成8X8=64個(gè)圖像碎片，每個(gè)圖像碎片為150X150像素；
各圖像圖片和其切割成的圖像碎片制作成展示文件包存儲在網(wǎng)站服務(wù)器中；
根據(jù)用戶的圖像操作指令(可以包括圖像的旋轉(zhuǎn)、平移和圖像的整體或局部的放大、縮小及全屏顯示)，從網(wǎng)站服務(wù)器中調(diào)取相應(yīng)的圖像圖片或圖像碎片(根據(jù)需要放大的局部部位，也可以調(diào)用相鄰的幾個(gè)圖像碎片)，加載到顯示窗口上初始顯示圖片的相應(yīng)幾何位置顯
/Jn ο通過本發(fā)明，當(dāng)用戶在網(wǎng)頁上需要對圖像圖片的某個(gè)部位進(jìn)行放大顯示時(shí)，系統(tǒng)程序只需從服務(wù)器中調(diào)取相應(yīng)的部位的一個(gè)或多個(gè)圖像碎片進(jìn)行顯示，而不需要激活初始顯示圖片的完整的放大圖，減少了圖像加載的大小，減少了寬帶帶寬的占用，使需要展示的局部放大圖片可以快速地從服務(wù)器上下載到用戶的電腦并顯示在用戶屏幕上，使對初始顯示圖片的高清放大不受網(wǎng)速的限制。本發(fā)明有助于產(chǎn)品圖像的全方位立體展示，主要適用于電子商務(wù)、文物和工藝品的展示以及文化創(chuàng)意和廣告的立體效果展示等。
權(quán)利要求
1.一種互聯(lián)網(wǎng)web頁面的物品圖像立體高清放大展示方法，其特征在于包括以下步驟 (1)獲取需要在網(wǎng)頁里展示的物品的各角度圖像圖片； (2)分別將各角度圖像圖片切割成若干個(gè)圖像碎片，將所述各角度圖像圖片和各角度圖像圖片的圖像碎片存儲在網(wǎng)站服務(wù)器中； (3)根據(jù)瀏覽者的圖像操作指令，在所述網(wǎng)站服務(wù)器中調(diào)取顯示范圍內(nèi)的一個(gè)或多個(gè)圖像碎片，在顯示器上按在初始顯示圖片中原有的位置關(guān)系和比例關(guān)系顯示出來。
2.如權(quán)利要求I所述的互聯(lián)網(wǎng)web頁面的物品圖像立體高清放大展示方法，其特征在于所述步驟(I)中的各角度圖像圖片包括所需要的每一個(gè)角度的不同像素的多個(gè)圖像圖片。
3.如權(quán)利要求2所述的互聯(lián)網(wǎng)web頁面的物品圖像立體高清放大展示方法，其特征在于物品的每一個(gè)角度的圖像圖片的個(gè)數(shù)根據(jù)預(yù)設(shè)的圖像圖片相比于初始顯示圖片可放大的級數(shù)確定。
4.如權(quán)利要求3所述的互聯(lián)網(wǎng)web頁面的物品圖像立體高清放大展示方法，其特征在于物品的每一角度的多個(gè)圖像圖片的像素的高低與相比于初始顯示圖片的放大倍數(shù)成正比。
5.如權(quán)利要求4所述的互聯(lián)網(wǎng)web頁面的物品圖像立體高清放大展示方法，其特征在于所述步驟(2)中的所述圖像圖片切割成所述圖像碎片的個(gè)數(shù)與所述圖像圖片的像素的高低成正比。
6.如權(quán)利要求5所述的互聯(lián)網(wǎng)web頁面的物品圖像立體高清放大展示方法，其特征在于所述各圖像圖片和各圖像圖片的圖像碎片在存入所述網(wǎng)站服務(wù)器時(shí)，劃分各所述圖像圖片和各圖像圖片的圖像碎片相比于初始顯示圖片的放大級別。
7.如權(quán)利要求6所述的互聯(lián)網(wǎng)web頁面的物品圖像立體高清放大展示方法，其特征在于所述步驟(3)中調(diào)取相應(yīng)圖像碎片前，根據(jù)圖像顯示窗口的大小和瀏覽者的放大圖像操作指令先確定需要調(diào)取的所述圖像碎片的所屬級別，然后調(diào)取該級別下的相應(yīng)的所述圖像碎片。
8.如權(quán)利要求1、2、3、4、5、6或7所述的互聯(lián)網(wǎng)web頁面的物品圖像立體高清放大展示方法，其特征在于所述步驟(3)中的在初始顯示圖片中原有的位置關(guān)系顯示是指以上下覆蓋的方式將所述圖像碎片加載到初始顯示圖片的與所述圖像碎片相對應(yīng)的部位的原始位置上。
9.如權(quán)利要求8所述的互聯(lián)網(wǎng)web頁面的物品圖像立體高清放大展示方法，其特征在于每一個(gè)圖像圖片切割成的若干個(gè)圖像碎片的大小相同。
10.如權(quán)利要求9所述的互聯(lián)網(wǎng)web頁面的物品圖像立體高清放大展示方法，其特征在于瀏覽者的圖像操作指令包括圖像的旋轉(zhuǎn)、平移和圖像的整體或局部的放大、縮小及全屏顯不O
全文摘要
本發(fā)明涉及一種互聯(lián)網(wǎng)web頁面的物品圖像立體高清放大展示方法，包括以下步驟(1)獲取需要在網(wǎng)頁里展示的物品的各角度圖像圖片；(2)分別將各角度圖像圖片切割成若干個(gè)圖像碎片，將各角度圖像圖片和各角度圖像圖片的圖像碎片存儲在網(wǎng)站服務(wù)器中；(3)根據(jù)瀏覽者的圖像操作指令，在所述網(wǎng)站服務(wù)器中調(diào)取顯示范圍內(nèi)的一個(gè)或多個(gè)圖像碎片，在顯示器上按在初始顯示圖片中原有的位置和比例關(guān)系顯示出來。通過本發(fā)明，當(dāng)用戶需要對圖片的某個(gè)部位進(jìn)行放大時(shí)，系統(tǒng)程序只需從服務(wù)器中調(diào)取相應(yīng)的圖像碎片進(jìn)行顯示，而不需要激活完整的放大圖，減少了圖像加載的大小和寬帶帶寬的占用，使需要展示的放大圖片可以快速地下載到用戶的電腦并顯示。
文檔編號G06F3/0481GK102930001SQ201210416168
公開日2013年2月13日 申請日期2012年10月26日 優(yōu)先權(quán)日2012年10月26日
發(fā)明者張跟 申請人:北京法蘭奇科技有限責(zé)任公司