專利名稱：利用網(wǎng)絡(luò)組合圖像的方法
技術(shù)領(lǐng)域：
本發(fā)明涉及一種利用網(wǎng)絡(luò)對(duì)圖像進(jìn)行組合的方法。
現(xiàn)在，許多服裝通過網(wǎng)絡(luò)進(jìn)行展示，銷售，它的優(yōu)點(diǎn)是可以提供最新的商品信息，并且傳播廣，不似服裝商店那樣受地域限制。但缺點(diǎn)是，在眾多服裝網(wǎng)站上展示的各式服裝都是穿在模特身上的，個(gè)人無法把服裝穿到自己身上，看是否適合自己的面容和身材。雖然一些網(wǎng)站采用了“虛擬試衣技術(shù)”(如Lands’End公司的服裝網(wǎng)站www.landsend.com)，即用戶挑選與自己膚色，發(fā)色，發(fā)型，臉型，眼型相似的模特面容，和與自己體型相似的模特身型，在網(wǎng)站上生成與自己面容和身材相似的所謂“本人模特”，網(wǎng)站服務(wù)器會(huì)把用戶選擇的服裝“穿”在用戶的“本人模特”身上，生成一個(gè)組合后的新圖像，并把此圖像文件下傳到本地顯示。但是此所謂“本人模特”并不是真正的本人面容和身材，只是與本人相似的模特圖像。另外，現(xiàn)在對(duì)圖像進(jìn)行組合都是在網(wǎng)站服務(wù)器上進(jìn)行，組合后生成一個(gè)新圖像文件，然后此新圖像文件下傳到本地顯示。因此本地的上網(wǎng)瀏覽者想對(duì)組合進(jìn)行任何一點(diǎn)點(diǎn)的變動(dòng)，都需要由網(wǎng)站服務(wù)器重新進(jìn)行組合，再把新生成的文件下傳。例如，上網(wǎng)者只想更換上衣，而人體的其它著裝不變，現(xiàn)在的方法不是只從網(wǎng)站下傳新的上衣圖像，而是在網(wǎng)站服務(wù)器上進(jìn)行新的變換組合，然后把換了上衣的整個(gè)人體圖像下傳。由于整個(gè)圖像的數(shù)據(jù)量大于部分圖像的，因此在網(wǎng)絡(luò)帶寬有限時(shí)，本地上網(wǎng)者需花費(fèi)更長時(shí)間來等待整個(gè)圖像的下傳，常使人感到很慢，不方便。
本發(fā)明為了把服裝圖像與真正的本人圖像組合，以實(shí)現(xiàn)真正的本人試衣，提出了一種全新的利用網(wǎng)絡(luò)組合圖像的方法。相對(duì)于現(xiàn)有方法的特點(diǎn)“對(duì)圖像進(jìn)行組合是在網(wǎng)站上進(jìn)行；組合后生成一個(gè)新圖像文件，此新圖像文件下傳到本地顯示；本人提供的圖像需要從本地上傳到網(wǎng)站”，本發(fā)明的方法則完全不同“對(duì)圖像進(jìn)行組合是在本地，由用戶操作進(jìn)行；參與組合的各圖像在組合后仍然保持獨(dú)立，它們并沒有在組合后整合成一個(gè)新文件；在參與組合的圖像中有用戶提供的圖像，可以是從本地上傳到網(wǎng)站上的，也可以是存儲(chǔ)在本地的，被從本地讀取，在本地顯示的圖像”。此方法使得用戶可以在本地選擇性地打開各圖像，通過拼接或疊加方式對(duì)各圖像進(jìn)行組合，由于組合后各圖像保持獨(dú)立，因此用戶可以在本地拆散組合，對(duì)各圖像進(jìn)行新的組合。由于參與組合的可以有本人圖像，用戶可以把各式服裝圖像拼接或疊加到本人圖像上，通過這種組合方式實(shí)現(xiàn)了本人試衣。
有多種技術(shù)方法可實(shí)現(xiàn)本發(fā)明。為實(shí)現(xiàn)拼接或疊加組合，方法之一是在窗口中有代表各圖像的選擇項(xiàng)目，用戶選擇參與組合圖像的選擇項(xiàng)目，則打開一個(gè)含此圖像的新窗口，含不同圖像的各個(gè)新窗口是背景透明，可相互疊加的，用戶可以移動(dòng)各窗口而使圖像拼接或疊加在一起。
為實(shí)現(xiàn)拼接或疊加組合，方法之二是在窗口中有代表各圖像的選擇項(xiàng)目，用戶選擇參與組合圖像的選擇項(xiàng)目，則從窗口頁面的外部輸入此圖像文件到頁面的不同層面中，用戶可以移動(dòng)各層面中的圖像而使它們拼接或疊加在一起。例如，把各圖像輸入到一個(gè)FLASH頁面的不同層次(Level)的層面(Layer)中。
為實(shí)現(xiàn)拼接組合，方法之三是采用框架技術(shù)，把頁面分為幾個(gè)小頁面，在代表各圖像的選擇項(xiàng)目中，用戶選擇參與組合圖像的選擇項(xiàng)目，則在各小頁面中分別顯示各圖像，由于各小頁面相互鄰接的位置關(guān)系，使在其中的各圖像被拼接組合在一起了。
采用以上技術(shù)方法的共同點(diǎn)是它們離不開網(wǎng)絡(luò)，因?yàn)樾枰獜木W(wǎng)絡(luò)上獲得關(guān)于部分或全部參與組合圖像的存儲(chǔ)位置的有關(guān)信息。在本地顯示的首先是部分或全部參與組合圖像的選擇項(xiàng)目，而不是參與組合的圖像本身，由于選擇項(xiàng)目中包含存儲(chǔ)位置的有關(guān)信息，被用戶選擇后，就可從其存儲(chǔ)位置讀取，顯示這些圖像。另外，各圖像之間在組合后仍然保持獨(dú)立。各圖像之間的組合超過一種，而各種組合的形成，變換是由用戶操作決定，組合是在本地進(jìn)行的。
本發(fā)明的目的是為用戶提供一種利用網(wǎng)絡(luò)把各圖像與用戶提供的圖像進(jìn)行組合的新方法。
本發(fā)明所述的是一種利用網(wǎng)絡(luò)組合圖像的方法，其特征如下<1>參與組合的部分或全部圖像，關(guān)于其存儲(chǔ)位置的有關(guān)信息是從網(wǎng)絡(luò)上獲得的；<2>其中需要被打開才在本地顯示的圖像是由用戶選擇打開的，是根據(jù)其存儲(chǔ)位置信息從存儲(chǔ)位置讀取，并在本地顯示；<3>部分或全部圖像間的組合是通過相互拼接或疊加的方式在本地進(jìn)行，組合后這些圖像之間保持獨(dú)立；
<4>這些圖像之間的組合超過一種，組合的形成或變換是由用戶操作決定的；<5>在參與組合的圖像中有用戶提供的圖像。
此方法從網(wǎng)絡(luò)上獲得關(guān)于部分或全部圖像的存儲(chǔ)位置的有關(guān)信息，既可保證獲得最新的網(wǎng)上信息，又可使圖像只有在用戶選擇它時(shí)，才從其存儲(chǔ)位置被讀取顯示，這樣就減少了窗口的顯示內(nèi)容，節(jié)省了用戶等待下載的時(shí)間；并且，如果所有圖像都同時(shí)在窗口顯示，將使窗口雜亂擁擠，也不利于用戶進(jìn)行選擇和組合。在本地顯示的各圖像之間是獨(dú)立的，它們通過相互拼接或疊加，這種改變相互位置的方式在本地進(jìn)行組合。由于組合后各圖像之間仍保持獨(dú)立，而不是整合為一個(gè)新圖像，因此用戶通過各圖像間的替換或改變其位置，可十分方便地在本地產(chǎn)生新的組合；而不用在網(wǎng)站服務(wù)器上進(jìn)行組合，整合，然后把整個(gè)新圖像下傳到本地顯示。各種可能的組合超過一種，組合的形成或變換是由用戶操作的，而不是由軟件預(yù)先設(shè)定了各種組合和變換。各圖像可以預(yù)先設(shè)定其打開后的位置，使各圖像在打開后，不用移動(dòng)就可疊加或拼接組合成完美的圖像。也可使打開的各圖像可被用戶移動(dòng)，用戶通過移動(dòng)各圖像而把它們完美地相互疊加或拼接在一起。通過把用戶提供的圖像加入到組合中，可以為用戶的圖像尋找最適合的組合圖像，如把本人圖像與各式服裝圖像組合，可以找到最適合自己的服裝。用戶提供的圖像可以是從本地讀取，在本地顯示的存儲(chǔ)在本地的圖像，因此修改，替換它可在本地進(jìn)行，十分方便。用戶也可把本地圖像上傳存儲(chǔ)到網(wǎng)站上。
實(shí)現(xiàn)本發(fā)明方法的途徑之一，是通過把含圖像的，背景透明的，可相互疊加的各窗口，拼接或疊加在一起而進(jìn)行圖像組合。具體方法是從網(wǎng)絡(luò)上獲得關(guān)于需要打開顯示的部分或全部參與組合圖像的存儲(chǔ)位置的有關(guān)信息；用戶可選擇打開參與組合的圖像，部分或全部參與組合的圖像，將分別出現(xiàn)在背景透明，可與其它窗口相互疊加的不同窗口中；各窗口拼接或疊加在一起，則使其中含有的各圖像被拼接或疊加在一起。
例如，見實(shí)施例3，用戶使用網(wǎng)絡(luò)瀏覽器輸入查詢條件后，從服裝網(wǎng)站www.e-clothl.com的數(shù)據(jù)庫中得到查詢結(jié)果，由于身穿服裝的圖像是由個(gè)人全身圖像，上衣圖像和褲子圖像疊加組合而成，因此查詢結(jié)果被分為上衣和褲子二個(gè)列表，其中包括各個(gè)服裝圖像的存儲(chǔ)位置信息(見圖5的查詢結(jié)果頁面(8))，對(duì)于想看的服裝圖像，點(diǎn)擊其鏈接，就打開了含此服裝圖像的新窗口，此窗口具有背景透明，可移動(dòng)，可與其它窗口相互疊加的特點(diǎn)(現(xiàn)有的各類窗口都是背景不透明的，需要改造為背景透明的，或編程創(chuàng)造出一類新的具有透明背景的窗口，本例中暫時(shí)叫它的后綴為.x)。見圖5，我們打開了四個(gè)含服裝圖像的窗口，分別顯示上衣(10)(12)和褲子(11)(13)。我們還打開了存儲(chǔ)于本地的含本人全身照片的窗口(9)，這個(gè)窗口有別于上述四個(gè)窗口，是普通的網(wǎng)頁頁面，是背景不透明的。見圖6，我們把含上衣(10)和褲子(11)圖像的窗口拖動(dòng)到全身照片頁面(9)上，并使上衣和褲子圖像分別疊加覆蓋在上身和下身部位，就達(dá)到了本人試衣的目的。這時(shí)我們可以關(guān)閉先前的上衣(10)或褲子(11)的窗口，把另外二個(gè)含上衣(12)和褲子(13)的窗口疊加到照片頁面(9)的身體部位上，達(dá)到試穿不同服裝的目的。上述的各窗口都是獨(dú)立的，例如，我們關(guān)閉查詢結(jié)果頁面(8)，也不會(huì)影響其它已打開的窗口。
上例中，個(gè)人圖像是通過瀏覽器窗口的查詢結(jié)果頁面中的個(gè)人圖像鏈接打開的，也可以不用此方式，而是在瀏覽器窗口外，打開任一含個(gè)人圖像的文件窗口，如打開一個(gè)JPG或BMP圖像文件，然后把上例中打開的含服裝圖像的背景透明且可移動(dòng)的窗口，疊加覆蓋在含個(gè)人圖像的文件窗口上，以實(shí)現(xiàn)本人試衣。
實(shí)現(xiàn)本發(fā)明方法的途徑之二，是把各圖像輸入到頁面中的不同層面上，通過把在背景透明，可相互疊加的各層面中的各圖像，拼接或疊加在一起而進(jìn)行圖像組合。具體方法是從網(wǎng)絡(luò)上獲得關(guān)于需要打開顯示的參與組合的部分或全部圖像的存儲(chǔ)位置的有關(guān)信息；用戶可選擇打開參與組合的圖像，部分或全部參與組合的圖像，將分別出現(xiàn)在頁面中的不同層面上，其層面具有背景透明，可相互疊加的特點(diǎn)，在各層面中的圖像通過相互拼接或疊加而在本地進(jìn)行圖像組合。
例如，見實(shí)施例4，用戶使用網(wǎng)絡(luò)瀏覽器輸入查詢條件后，從服裝網(wǎng)站www.e-cloth2.com的數(shù)據(jù)庫中得到查詢結(jié)果，在一個(gè)FLASH頁面顯示，見圖7的查詢結(jié)果頁面(14)，由于身穿服裝的圖像是由全身圖像，上衣圖像和褲子圖像疊加組合而成，因此查詢結(jié)果被分為上衣和褲子二個(gè)列表，其中包括各個(gè)服裝圖像的存儲(chǔ)位置信息。對(duì)于想看的不同服裝圖像，分別點(diǎn)擊其行的[顯示]按鈕(19)后，含其服裝圖像的各文件(后綴為.SWF)，就將分別在此窗口頁面上不同層次(Level)的層面(Layer)中顯示，這些層面具有背景透明，可移動(dòng)，可與其它層面相互疊加的特點(diǎn)。我們將上衣(16)(18)，褲子(17)分別在不同層面上顯示。點(diǎn)擊本人圖像[顯示]按鈕(20)，可在頁面中顯示存儲(chǔ)于本地的本人全身照片(15)。見圖8，把不同服裝圖像，上衣(16)，褲子(17)，拖到全身照片的不同部位上，就可達(dá)到本人試衣的目的。(如果此例中，各圖像預(yù)先設(shè)定了其打開后的位置，則上衣或褲子圖像在打開后，不用移動(dòng)就疊加到全身照片的不同部位上，使本人試穿上不同的服裝。)點(diǎn)擊[關(guān)閉]按鈕(21)，則關(guān)閉含此行的服裝圖像的層面，關(guān)閉含上衣圖像(16)的層面，而把另一上衣圖像(18)拖到全身照片上，就完成了變換服裝的試衣。但是，關(guān)閉此頁面(14)，所有頁面上的含圖像的層面也將消失。
實(shí)現(xiàn)本發(fā)明方法的途徑之三，是把頁面劃分為幾個(gè)小頁面，通過變換在各小頁面中顯示的圖像，使各小頁面拼接組合出不同圖像。具體方法是采用框架技術(shù)，把頁面劃分為幾個(gè)小頁面；從網(wǎng)絡(luò)上獲得關(guān)于需要打開顯示的參與組合的部分或全部圖像的存儲(chǔ)位置的有關(guān)信息；用戶可選擇打開參與組合的圖像，參與組合的不同圖像分別出現(xiàn)在這幾個(gè)小頁面中，通過變換在各小頁面中顯示的圖像，使各小頁面拼接組合出不同圖像。
例如，見實(shí)施例1，用戶使用網(wǎng)絡(luò)瀏覽器輸入查詢條件后，從服裝網(wǎng)站www.e-cloth.com的數(shù)據(jù)庫中得到查詢結(jié)果。見圖2，用框架技術(shù)把頁面分為左邊一個(gè)頁面，用于顯示查詢結(jié)果(包括服裝圖像的存儲(chǔ)位置信息)；右邊二個(gè)上下緊鄰的小頁面(3)(4)，分別用于顯示人物頭像和身著服裝的模特軀體圖像。本地用戶可以選擇模特或本人的頭像作為人物頭像，本人頭像存儲(chǔ)在本地，因此是從本地直接獲取并顯示在上面的小頁面中(3)；身著服裝的模特軀體圖像則有的存儲(chǔ)在本地使用的光盤上，可從本地光盤直接獲取，有的存儲(chǔ)在網(wǎng)站上，可以從網(wǎng)站下傳，將顯示在下面的小頁面中(4)。上下獨(dú)立的小頁面，依靠它們的位置關(guān)系就拼接組合成一個(gè)完整的身著服裝的全身圖像。選擇身著不同服裝的模特軀體圖像，就組合顯示出同一頭像身著不同服裝的全身圖像。根據(jù)在輸入搜索條件時(shí)，選擇的服裝尺碼(如小，中，大，超大等)，或身形(如軀體呈倒三角形，棗核形等)，所提供的圖像將會(huì)是身著相應(yīng)尺碼服裝的具有相應(yīng)身形的模特軀體，這將使顯示的模特軀體圖像更象本人軀體。
如果參與組合的圖像中除用戶提供的圖像外，有圖像也是從本地讀取，在本地顯示，存儲(chǔ)在本地的圖像，則能使在本地瀏覽圖像的速度更快。如見實(shí)施例中，有的服裝圖像就是存儲(chǔ)在本地計(jì)算機(jī)使用的光盤D上，如果圖像全都存儲(chǔ)在本地，則圖像的顯示速度將很快，而不再受到網(wǎng)絡(luò)帶寬的影響。由于關(guān)于圖像存儲(chǔ)位置的有關(guān)信息是從網(wǎng)絡(luò)上獲得，則既能保證從網(wǎng)絡(luò)上獲得最新信息，又能使在本地計(jì)算機(jī)上瀏覽圖像的速度更快。
本發(fā)明中前述的從網(wǎng)絡(luò)上獲得的“關(guān)于圖像的存儲(chǔ)位置的有關(guān)信息”，可以是圖像的完整準(zhǔn)確的存儲(chǔ)位置(如鏈接D/上衣/s28.x)，也可以是與組成存儲(chǔ)位置信息有關(guān)的信息(如存儲(chǔ)在網(wǎng)站數(shù)據(jù)庫中的文件名稱/上衣/s28.x)。
有些圖像的存儲(chǔ)位置是根據(jù)本地信息和存儲(chǔ)在網(wǎng)絡(luò)上的與存儲(chǔ)位置信息有關(guān)的信息而組成的，如存儲(chǔ)位置D/上衣/s28.x，就是由軟件根據(jù)本地信息盤位置D，和在網(wǎng)上的有關(guān)信息/上衣/s28.x共同組成的。本地信息可以由本地上傳到網(wǎng)站上，在網(wǎng)站上經(jīng)軟件處理與有關(guān)信息共同組成圖像的存儲(chǔ)位置信息，然后把完整的存儲(chǔ)位置信息下傳到本地。例如，實(shí)施例3中圖5的查詢結(jié)果頁面(8)，查詢結(jié)果中各個(gè)服裝圖像的存儲(chǔ)位置，如D/上衣/s28.x，它是網(wǎng)站上形成的，是根據(jù)由本地上傳來的，用戶在查詢頁面中提供的信息盤位置“D”，和存儲(chǔ)在網(wǎng)站數(shù)據(jù)庫中的服裝文件名稱“/上衣/s28.x”共同組成的。也可以是有關(guān)信息下傳后與本地信息，在本地經(jīng)軟件處理后共同組成圖像的存儲(chǔ)位置信息。如網(wǎng)站上的有關(guān)信息文件名稱“/上衣/s28.x”，下傳到本地后，與本地信息盤位置“D”，在本地經(jīng)軟件處理，共同組成圖像的存儲(chǔ)位置信息D/上衣/s28.x。
有些圖像的存儲(chǔ)位置也可完全是根據(jù)本地信息形成。例如由本地信息上傳到網(wǎng)站后形成的，如實(shí)施例1中，把個(gè)人圖像文件存儲(chǔ)為C\my face.htm(其中插入有本人照片C\plugin_face.jpg)，此文件存儲(chǔ)信息被用戶在查詢頁面上傳到網(wǎng)站，網(wǎng)站完全是根據(jù)此完整信息而形成地址鏈接C/my face.htm.用戶點(diǎn)擊結(jié)果頁面中此鏈接，就可以打開含本人圖像的窗口。本地用戶可以通過把不同的圖片保存為C\plugin_face.ipg的圖像替換方法，而使文件中顯示的圖像改變。
以上例子中存儲(chǔ)位置信息的交互傳遞和編輯可通過ASP編程語言實(shí)現(xiàn)。
本發(fā)明中，如果參與組合的圖像中至少有一個(gè)是動(dòng)態(tài)圖像，將使組成的整個(gè)畫面呈現(xiàn)得更生動(dòng)。如果在屏幕上被同時(shí)顯示的圖像中，有幾個(gè)圖像是動(dòng)態(tài)圖像，它們的啟動(dòng)或停止可被同步控制，則各圖像共同組合成的畫面將更精彩。
現(xiàn)實(shí)中，對(duì)于標(biāo)準(zhǔn)的圖像經(jīng)常需要進(jìn)行個(gè)性化的修整，例如，雖然服裝圖像有小，中，大，超大等標(biāo)準(zhǔn)型號(hào)，但還是不適合于特型身材的用戶。為此，本發(fā)明中使用軟件，可根據(jù)用戶的要求，對(duì)圖像進(jìn)行相應(yīng)的修改，或把它與其它圖像進(jìn)行整合。這個(gè)修整過程可由在網(wǎng)站上的軟件根據(jù)用戶上傳來的要求(如個(gè)人身材數(shù)據(jù))進(jìn)行，然后把修整后的圖像下傳到本地顯示；或由軟件在本地對(duì)圖像完成修整，然后在本地顯示。
例如，用戶在網(wǎng)絡(luò)瀏覽器的查詢頁面中輸入查詢條件(如查詢褲子類)，和自己的身材數(shù)據(jù)(如體胖腿短的特型身材數(shù)據(jù))，上傳到網(wǎng)站后，從數(shù)據(jù)庫查詢到的結(jié)果列表被下傳到結(jié)果頁面顯示。當(dāng)點(diǎn)擊結(jié)果列表中某褲子圖像的文件鏈接(其圖像存儲(chǔ)在網(wǎng)站上)時(shí)，在網(wǎng)站上的軟件對(duì)圖像(如超大號(hào)的褲子)先進(jìn)行修改(改短褲子的長度，以適合用戶的腿長)，然后把改后的圖像下傳到本地顯示。
又例如，實(shí)施例4中，對(duì)于在本地的結(jié)果頁面上顯示的上衣，褲子，全身照片等圖像，點(diǎn)擊它，可以把圖像放大一些，不斷點(diǎn)擊則可放大到用戶滿意，用于使服裝圖像與全身圖像的大小更適合。此過程中，軟件存在于圖像文件中，用鼠標(biāo)點(diǎn)擊圖像，就啟動(dòng)了在本地顯示的圖像文件中的軟件程序，把圖像進(jìn)行放大修改。此修整過程是在本地完成。
本發(fā)明適用于眾多領(lǐng)域的圖像組合展示，將大大豐富和改善現(xiàn)有網(wǎng)站的功能，略舉其中幾例例如，服裝網(wǎng)站，可利用框架技術(shù)把頁面分為幾個(gè)小頁面，在二個(gè)上下緊鄰的小頁面上，在分別用于顯示本人頭像和身著不同服裝的軀體圖像時(shí)，可用于試穿衣服；在分別用于顯示帽子和本人面部時(shí)，可用于試戴帽子；在分別用于顯示本人腳部以上全身和鞋子時(shí)，可用于試穿鞋子。也可利用疊加組合的方式，在頁面中的本人全身圖像上覆蓋各式服裝圖像，用于試穿衣服；在本人頭像上覆蓋帽子，用于試戴帽子；在本人全身圖像上覆蓋鞋子，飾品，用于試穿鞋子，飾品；在本人圖像上覆蓋領(lǐng)帶，圍巾，用于試帶領(lǐng)帶，圍巾。
例如，家具及裝修網(wǎng)站，用戶可把要銷售的各式家具，擺設(shè)等圖像，在自家房間的照片圖像上疊加，通過各種不同的組合，擺放，用戶可以找到最佳的家具組合或最適合自己房間的家具，擺設(shè)。用戶在自家房間的照片圖像上，添加各種裝飾圖像，可預(yù)覽到裝修后的房間樣式。
也可利用框架技術(shù)把頁面分為幾個(gè)小頁面，由用戶先選擇頁面被分為幾個(gè)小頁面，及各小頁面的排列方式，例如選擇被分成左右并排相鄰的四個(gè)小頁面，或選擇分成上下二排，每排三個(gè)小頁面的網(wǎng)狀排列，等等。在各小頁面中顯示的可以是網(wǎng)站要銷售家具的圖像，也可以是用戶家房間的局部照片圖像，各小頁面中顯示的這些圖像將組合出不同家具擺放在房間中的景象。另外，利用分隔各小頁面的框架可以被左右，上下移動(dòng)的特性，可以改變各小頁面的大小和相對(duì)位置，利于各圖像的拼接，擺放。這些功能可幫助用戶找到最佳的家具組合或最適合自己房間的家具。
例如，首飾網(wǎng)站，用戶可在本人照片上，疊加各種飾物組件的圖像，組合出最適合自己的整件首飾圖像，然后向首飾店定制。
也可利用框架技術(shù)把頁面分為幾個(gè)小頁面，由用戶先選擇頁面被分為幾個(gè)小頁面，及各小頁面的排列方式。讓在小頁面中顯示飾物組件圖像，改變小頁面中的組件圖像，將組合出不同的整件首飾圖像。
例如，美容美發(fā)與整容文身網(wǎng)站，用戶可在本人照片上，疊加各種發(fā)型，以決定讓理發(fā)師理出最適合自己的發(fā)型；在本人頭像上覆蓋美容或整容后的局部效果圖像，如在本人頭像上覆蓋各種眉毛樣式，就可預(yù)覽修眉后的面容；在本人身體圖像上覆蓋文身圖案，可幫助用戶選擇適合自己的文身。
例如，眼鏡網(wǎng)站，用戶可在本人照片上，疊加各式眼鏡，幫助用戶選擇最適合的。
下面結(jié)合附圖和實(shí)施例，對(duì)本發(fā)明所涉及的方法詳細(xì)說明。
本發(fā)明的


如下圖1是實(shí)施例1中“查詢頁面”顯示在屏幕上的界面簡略圖；圖2是實(shí)施例1中“結(jié)果頁面”顯示在屏幕上的界面簡略圖；圖3是實(shí)施例2中服裝圖像和本人的身型模特圖像；圖4是實(shí)施例2中“結(jié)果頁面”顯示在屏幕上的界面簡略圖；圖5是實(shí)施例3中“結(jié)果頁面”和含圖像窗口顯示在屏幕上的界面簡略圖；圖6是實(shí)施例3中含服裝圖像的窗口和本人圖像的窗口疊加后的效果圖；圖7是實(shí)施例4中“結(jié)果頁面”和含圖像層面顯示在屏幕上的界面簡略圖；圖8是實(shí)施例4中含服裝圖像的層面和含本人圖像的頁面疊加后的效果圖。
圖9是現(xiàn)有眼鏡網(wǎng)站www.eyeglasses.com的試帶頁面的簡略圖；圖10是實(shí)施例5中眼鏡網(wǎng)站的界面簡略圖。
圖中
(1)查詢頁面上的“查詢”按鈕；(2)左邊頁面；(3)右上小頁面；(4)右下小頁面；(5)“開始”，“暫停”，“停止”等按鈕；(6)標(biāo)尺；(7)“購買”按鈕；(8)實(shí)施例3中的“結(jié)果頁面”；(9)含本人照片的窗口；(10)一個(gè)含上衣圖像的窗口；(11)一個(gè)含褲子圖像的窗口；(12)另一個(gè)含上衣圖像的窗口；(13)另一個(gè)含褲子圖像的窗口；(14)實(shí)施例4中的“結(jié)果頁面”；(15)頁面中顯示的本人照片；(16)在頁面的一個(gè)層面中顯示的上衣圖像；(17)在頁面的另一個(gè)層面中顯示的褲子圖像；(18)在頁面的另一個(gè)層面中顯示的上衣圖像；(19)各服裝層面的[顯示]按鈕；(20)本人圖像的[顯示]按鈕；(21)各服裝層面的[關(guān)閉]按鈕；(22)現(xiàn)有眼鏡網(wǎng)站www.eyeglasses.com的試帶頁面中，從網(wǎng)站下傳來的已組合為一個(gè)文件的帶眼鏡的頭像；(23)“上”，“下”，“左”，“右”按鈕；(24)不同顏色的選擇按鈕，(25)實(shí)施例5中的“本地圖像”按鈕；(26)頁面第1層中的頭像；(27)“用戶”欄；(28)“密碼”欄；(29)“登陸”按鈕；(30)“顯示”按鈕；(31)“詳細(xì)”按鈕；(32)“購買”按鈕；(33)頁面第4層中的眼鏡；(34)“放大”，“縮小”按鈕。
實(shí)施例1在本實(shí)施中，本地計(jì)算機(jī)使用瀏覽器軟件internet explorer與服裝網(wǎng)站www.e-cloth.com相連，用戶在查詢頁面輸入搜索條件(如簡略圖1)[關(guān)鍵字詞]無，[類別]運(yùn)動(dòng)服，[品牌]無，[產(chǎn)地]無，[尺碼]中碼，[價(jià)格＜＝]500，并且指出本人頭像在本地的存儲(chǔ)位置C\my face.htm，并且指出放入本地計(jì)算機(jī)的光盤的位置D.然后，按查詢按鈕(1)，信息上傳到網(wǎng)站，網(wǎng)站查詢自己的數(shù)據(jù)庫，獲得最新的查詢結(jié)果后，下傳到本地計(jì)算機(jī)，在結(jié)果頁面顯示(如簡略圖2)。
如簡略圖2，結(jié)果頁面被用框架技術(shù)分為左邊一個(gè)頁面(2)，右邊二個(gè)上下緊鄰的小頁面(3)(4)，查詢結(jié)果在左邊的頁面(2)顯示，包括商品號(hào)，品牌，價(jià)格和圖片文件的位置鏈接等最新信息。在左邊的頁面中有不同頭像文件的位置鏈接點(diǎn)擊不同的鏈接，可在右上小頁面(3)顯示本人頭像或模特頭像。點(diǎn)擊不同服裝圖片文件的鏈接，可在右下小頁面(4)顯示身著不同服裝的模特軀體圖像。
網(wǎng)站根據(jù)從本地的查詢頁面中上傳來的信息，進(jìn)行處理后，把結(jié)果下傳到本地的結(jié)果頁面中在左邊的頁面中，本人頭像的鏈接是C/my face.htm，男女模特頭像的鏈接分別是http//www.e-cloth.com/man.htm和http//www.e-cloth.com/woman.htm，點(diǎn)擊不同的鏈接，可在右邊上面的小頁面中(3)顯示從本地C盤獲取的本人頭像或從網(wǎng)站下傳的模特頭像。
在左邊頁面中，顯示了3個(gè)查詢結(jié)果的圖片文件的位置鏈接2個(gè)動(dòng)態(tài)圖像文件存儲(chǔ)在放入D光驅(qū)的光盤上，鏈接是D/圖文/Y861.htm和D/圖文/Y275.htm，1個(gè)靜態(tài)圖像文件存儲(chǔ)在網(wǎng)站上，鏈接是http//www.e-cloth.com/Y369.htm，點(diǎn)擊不同的鏈接，可在右邊下面的小頁面中(4)顯示從本地光盤獲取的，或從網(wǎng)站下傳的身著服裝的模特軀體圖像。對(duì)于動(dòng)態(tài)圖像，小頁面中(4)的“開始”，“暫?！?，“停止”按鈕(5)可控制圖像的播放。上下獨(dú)立的小頁面(3)(4)，依靠它們的位置關(guān)系，就由頭像和軀體像組合顯示了一個(gè)完整的身著服裝的全身圖像。由于模特走臺(tái)是一條線前后移動(dòng)，而不是向左右移動(dòng)，因此動(dòng)態(tài)軀體圖像與上面的小頁面中的靜態(tài)頭像的相對(duì)位置不會(huì)發(fā)生錯(cuò)位，使顯示的完整圖像十分逼真，好像用戶本人在走臺(tái)。
實(shí)施例2在本實(shí)施例中，本地計(jì)算機(jī)使用瀏覽器軟件internet explorer與服裝網(wǎng)站www.e-cloth3.com相連。用戶輸入本人身體各部分的尺寸，有軟件會(huì)在本地生成一個(gè)本人的身型模特(見簡略圖3)，并存儲(chǔ)在本地為C\myModel。用戶也可選擇在網(wǎng)站上生成自己的身型模特，并將它和其它個(gè)人信息存儲(chǔ)在網(wǎng)站的用戶資料庫中。
用戶在查詢頁面輸入搜索條件[關(guān)鍵字詞]無，[類別]休閑服，[品牌]無，[產(chǎn)地]無，[尺碼]中碼，[價(jià)格＜＝]2000，指出本人頭像在本地的存儲(chǔ)位置C\myface.htm，并且指出放入本地計(jì)算機(jī)的光盤的位置D.然后，按查詢按鈕，信息上傳到網(wǎng)站，網(wǎng)站查詢自己的數(shù)據(jù)庫，獲得最新的查詢結(jié)果后，下傳到本地計(jì)算機(jī)，在結(jié)果頁面顯示(如簡略圖4)。
如簡略圖4，同實(shí)施例1一樣，結(jié)果頁面被用框架技術(shù)分為左邊一個(gè)頁面，右邊二個(gè)上下緊鄰的小頁面，查詢結(jié)果在左邊的頁面顯示，包括商品號(hào)，品牌，價(jià)格和圖片文件的位置鏈接等最新信息。在左邊的頁面中有不同頭像文件的位置鏈接點(diǎn)擊不同的鏈接，可在右上小頁面顯示本人頭像或模特頭像。點(diǎn)擊不同服裝圖片文件的鏈接，可在右下小頁面顯示身著不同服裝的模特軀體圖像。
網(wǎng)站根據(jù)從本地的查詢頁面中上傳來的信息，進(jìn)行處理后，把結(jié)果下傳到本地的結(jié)果頁面中在左邊的頁面中，本人頭像的鏈接是C/my face.htm，男女模特頭像的鏈接分別是http//www.e-cloth3.com/man.htm和http//www.e-cloth3.com/woman.htm，點(diǎn)擊不同的鏈接，可在右邊上面的小頁面中顯示從本地C盤獲取的本人頭像或從網(wǎng)站下傳的模特頭像。
在結(jié)果頁面中，點(diǎn)擊不同服裝的圖像鏈接，則圖像在右下小頁面打開時(shí)，會(huì)利用VRML的內(nèi)聯(lián)技術(shù)把本人的身型模特的存儲(chǔ)地址C\myModel插入其頁面的程序編碼中，并根據(jù)本人身型尺寸而把服裝圖像進(jìn)行適當(dāng)?shù)募舳蹋瑥亩m應(yīng)本人的腿長和臂長。程序運(yùn)行后所顯示的新圖像將是“‘穿’了長度適合的服裝的本人身型圖像”(如簡略圖4)。在左邊頁面中有標(biāo)尺(6)，通過參照此標(biāo)尺可以知道右下邊的小頁面中顯示的服裝和身體各部的尺寸或比例。
對(duì)于想要購買的服裝，可點(diǎn)擊‘選中’欄，決定購買后，可點(diǎn)擊購買按鈕(7)進(jìn)行網(wǎng)上訂購。
實(shí)施例3在本實(shí)施例中，本地計(jì)算機(jī)使用瀏覽器軟件internet explorer與服裝網(wǎng)站www.e-clothl.com相連，用戶在查詢頁面輸入搜索條件[類別1]上衣，[類別2]褲子，[品牌]無，[產(chǎn)地]無，[尺碼]中碼，[價(jià)格＜＝]1000，并且指出本人圖像在本地的存儲(chǔ)位置C\myphoto.htm，指出服裝圖像在本地的存儲(chǔ)位置光盤D。然后，按查詢按鈕，信息上傳到網(wǎng)站，網(wǎng)站查詢自己的數(shù)據(jù)庫，獲得最新的查詢結(jié)果后，下傳到本地計(jì)算機(jī)，在結(jié)果頁面(8)顯示，見簡略圖5，6。
如簡略圖5，6，網(wǎng)站根據(jù)從本地的查詢頁面中上傳來的信息，進(jìn)行處理后，把結(jié)果下傳到本地的結(jié)果頁面中本人圖像的鏈接是C/myphoto.htm，商品查詢結(jié)果包括商品號(hào)，品牌，價(jià)格和含圖像的文件位置鏈接等最新信息。圖像文件有的存儲(chǔ)在網(wǎng)上，如http//www.e-clothl.com/上衣/sl.x，有的存儲(chǔ)在放入本地D光驅(qū)的光盤上，如D/上衣/s28.x。點(diǎn)擊不同的服裝文件鏈接，可以打開新的含此服裝圖像的窗口，它們是從本地光盤獲取的，或從網(wǎng)站下傳的。
含服裝圖像的窗口具有背景透明，可移動(dòng)，可與其它窗口相互疊加的特點(diǎn)。我們打開了四個(gè)含服裝圖像的窗口，分別顯示上衣(10)(12)和褲子(11)(13)，還打開了存儲(chǔ)于本地的含本人全身照片的窗口(9)，這個(gè)窗口有別于上述四個(gè)含服裝窗口，是普通的網(wǎng)頁頁面，是背景不透明的。見簡略圖6，我們把含上衣(10)和褲子(11)圖像的窗口拖動(dòng)到全身照片頁面(9)上，并使上衣(10)和褲子(11)圖像分別疊加覆蓋在上身和下身部位，就達(dá)到了本人試衣的目的。這時(shí)我們可以關(guān)閉先前的上衣(10)或褲子(11)的窗口，把另外二個(gè)含上衣(12)和褲子(13)的窗口疊加到照片頁面(9)的身體部位上，達(dá)到試穿不同服裝的目的。上述的各窗口都是獨(dú)立的，例如，我們關(guān)閉查詢結(jié)果頁面(8)，也不會(huì)影響其它已打開的窗口。
實(shí)施例4在本實(shí)施例中，本地計(jì)算機(jī)使用瀏覽器軟件internet explorer與服裝網(wǎng)站www.e-cloth2.com相連，把本人圖像存儲(chǔ)在本地C\plugin_photo.jpg。頁面由FLASH編程，用戶在查詢頁面輸入搜索條件[類別1]上衣，[類別2]褲子，[品牌]無，[產(chǎn)地]無，[尺碼]中碼，[價(jià)格＜＝]1000，并且指出服裝圖像在本地的存儲(chǔ)位置光盤D。然后，按查詢按鈕，信息上傳到網(wǎng)站，網(wǎng)站查詢自己的數(shù)據(jù)庫，獲得最新的查詢結(jié)果后，下傳到本地計(jì)算機(jī)，見圖7的查詢結(jié)果頁面(14)。其中包括各個(gè)服裝圖像的存儲(chǔ)位置信息，圖像文件有的存儲(chǔ)在網(wǎng)上，如http//www.e-cloth2.com/上衣/fsl.swf，有的存儲(chǔ)在放入本地D光驅(qū)的光盤上，如D\上衣\fs28.swf。對(duì)于想看的不同服裝圖像，分別點(diǎn)擊其行的[顯示]按鈕(19)后，含其服裝圖像的各文件，就將分別在此文件窗口頁面中的不同層次(Level)的層面(Layer)上顯示，這些層面具有背景透明，可移動(dòng)，可與其它層面相互疊加的特點(diǎn)。我們將上衣(16)(18)，褲子(17)分別在不同層面上顯示。點(diǎn)擊本人圖像[顯示]按鈕(20)，可在頁面中顯示存儲(chǔ)于本地的本人全身照片(15)。見圖8，把不同服裝圖像，上衣(16)，褲子(17)，拖到全身照片的不同部位上，就可達(dá)到了本人試衣的目的。點(diǎn)擊其行的[關(guān)閉]按鈕(21)后，關(guān)閉含一上衣圖像的層面(16)，而把另一上衣圖像(18)拖到全身照片上，就完成了變換服裝的試衣。但是，關(guān)閉此頁面(14)，所有頁面上的含圖像的層面也將消失。點(diǎn)擊服裝或本人圖像，就啟動(dòng)了這些圖像文件中的軟件程序，可以把圖像放大一些，不斷點(diǎn)擊則可放大到用戶滿意，使服裝圖像與全身圖像的大小在疊加后顯得更適合。
實(shí)施例5在本實(shí)施例中，本地計(jì)算機(jī)使用瀏覽器軟件internet explorer與眼鏡網(wǎng)站www.eyes.com相連，如圖10，頁面是由FLASH編程。用戶如果在本地計(jì)算機(jī)上存有自己的頭像，可以把它另存為C\face.jpg，然后點(diǎn)擊“本地圖像”按鈕(25)，則自己的頭像被從其本地存儲(chǔ)位置讀取，并放到頁面的第1層中顯示(26)。如果用戶的頭像已存放在網(wǎng)站的“用戶圖庫”中，則在“用戶”欄(27)內(nèi)輸入用戶名，在“密碼”欄(28)內(nèi)輸入密碼，然后點(diǎn)擊“登陸”按鈕(29)進(jìn)行登陸，如果輸入用戶名和密碼正確，則自己的頭像被從其網(wǎng)上存儲(chǔ)位置讀取，并放到頁面的第1層中顯示(26)。從頁面所列的各式眼鏡中選擇要試帶的，點(diǎn)擊其“顯示”按鈕(30)，則此眼鏡的圖像被從其網(wǎng)上存儲(chǔ)位置讀取，并放到頁面的第4層中顯示(33)，其圖像可被鼠標(biāo)拖動(dòng)，因此，上網(wǎng)用戶可把眼鏡拖到自己頭像的適合位置上面，所得到的效果就象在鏡子中看到自己在鼻梁上帶了眼鏡一樣。如果自己頭像的大小與眼鏡大小不相配，則可以點(diǎn)擊“放大”，“縮小”按鈕(34)來調(diào)整頭像的大小。眼鏡被拖到的位置會(huì)被程序代碼記錄，在接下來的點(diǎn)擊其它眼鏡的“顯示”按鈕時(shí)，這些眼鏡會(huì)按照此記錄，直接在頭像的適合位置上顯示，避免了每次顯示后都需要用戶拖動(dòng)到適合位置上的麻煩。點(diǎn)擊各眼鏡的“顯示”按鈕后，看到適合自己面容的眼鏡，可以點(diǎn)擊其“詳細(xì)”按鈕(31)，在第5層中進(jìn)一步顯示其詳細(xì)介紹，點(diǎn)擊其“關(guān)閉”按鈕，可關(guān)閉此層。全面了解此產(chǎn)品后，可點(diǎn)擊其“購買”按鈕(32)，進(jìn)行網(wǎng)上購物。
本發(fā)明所述的一些特點(diǎn)，可從本實(shí)施例與現(xiàn)有的一個(gè)也有試帶功能的眼鏡網(wǎng)站的比較中看到。在現(xiàn)有眼鏡網(wǎng)站www.eyeglasses.com，用戶輸入用戶名和密碼進(jìn)行登陸后，選擇要試帶的眼鏡，點(diǎn)擊其“Try It On”(試帶)按鈕，則進(jìn)入到試帶頁面，如圖9所示，顯示的是帶了眼鏡的自己頭像。頁面是由ASP編程，通過用戶登陸，就可找到本人在網(wǎng)站“用戶圖庫”中的自己頭像的存儲(chǔ)位置，網(wǎng)站服務(wù)器把要試帶的眼鏡圖像放到一個(gè)層(Layer)中，疊加到自己頭像上，并把疊加后的圖像整合生成為一個(gè)新圖像(22)，然后下傳到本地顯示。用戶如果要調(diào)整眼鏡在頭像上的位置，或者要換帶不同顏色的鏡片，就分別點(diǎn)擊其“上”，“下”，“左”，“右”按鈕(23)，不同顏色的選擇按鈕(24)，此用戶指令上傳給網(wǎng)站服務(wù)器，服務(wù)器需調(diào)整層中眼鏡圖像的位置或顏色，然后生成為一個(gè)新圖像，再下傳到本地顯示，用戶才看到變化后的圖像。由于下傳的是包括頭像和眼鏡圖像的整個(gè)文件圖像，因此即使一個(gè)小小的變動(dòng)，也需要刷新整個(gè)圖像(22)，下載過程的耗時(shí)，使操作顯得遲緩，不方便。
相對(duì)于現(xiàn)有網(wǎng)站，本實(shí)施例中的頭像和眼鏡圖像在疊加前后都是一直保持相互獨(dú)立的，而不是疊加后整合生成為一個(gè)新圖像，因此可以隨時(shí)改變它們間的相互位置，而不是只能重新生成一個(gè)新圖像來刷新舊圖像；并且，疊加，改變位置等操作都是在本地進(jìn)行的，而不是在網(wǎng)站服務(wù)器上進(jìn)行，不僅更加快速方便，也減輕了網(wǎng)站服務(wù)器的負(fù)擔(dān)，節(jié)省了購買更高性能服務(wù)器的投資費(fèi)用。而現(xiàn)有網(wǎng)站則是按照“上傳指令，整合生成，下傳，全部刷新”的漫長操作過程運(yùn)行。對(duì)比中，本發(fā)明優(yōu)勢明顯。
權(quán)利要求
1 一種利用網(wǎng)絡(luò)組合圖像的方法，其特征是(1)參與組合的部分或全部圖像，關(guān)于其存儲(chǔ)位置的有關(guān)信息是從網(wǎng)絡(luò)上獲得；(2)其中需要被打開才在本地顯示的圖像是由用戶選擇打開的，是根據(jù)其存儲(chǔ)位置信息從其存儲(chǔ)位置讀取，并在本地顯示；(3)部分或全部圖像間的組合是通過相互拼接或疊加的方式在本地進(jìn)行，組合后這些圖像之間保持獨(dú)立；(4)這些圖像之間的組合超過一種，組合的形成或變換是由用戶操作決定；(5)在參與組合的圖像中有用戶提供的圖像。
2 根據(jù)權(quán)利要求1的方法，其特征是用戶提供的圖像，是存儲(chǔ)在本地，被從本地讀取，在本地顯示的圖像。
3 根據(jù)權(quán)利要求1的方法，其特征是用戶提供的圖像是被用戶上傳到網(wǎng)站上存儲(chǔ)的圖像。
4 根據(jù)權(quán)利要求1，2或3的方法，其特征是參與組合的部分或全部圖像是分別出現(xiàn)在背景透明，可與其它窗口相互疊加的不同窗口中，通過含有圖像的各窗口間的相互拼接或疊加而在本地進(jìn)行圖像組合。
5 根據(jù)權(quán)利要求1，2或3的方法，其特征是參與組合的部分或全部圖像是分別出現(xiàn)在頁面中的不同層面上，其層面具有背景透明，可相互疊加的特點(diǎn)，在各層面中的圖像通過相互拼接或疊加而在本地進(jìn)行圖像組合。
6 根據(jù)權(quán)利要求1，2或3的方法，其特征是在一個(gè)被框架技術(shù)劃分為幾個(gè)小頁面的頁面上，參與組合的不同圖像分別出現(xiàn)在幾個(gè)小頁面中，通過變換在各小頁面中顯示的圖像，使各小頁面拼接組合出不同圖像。
7 根據(jù)權(quán)利要求1，2或3的方法，其特征是從網(wǎng)絡(luò)上獲得的關(guān)于其存儲(chǔ)位置的有關(guān)信息就是圖像的完整的存儲(chǔ)位置信息，它是在網(wǎng)站服務(wù)器上形成的，是根據(jù)由本地上傳到網(wǎng)站上的信息，和存儲(chǔ)在網(wǎng)絡(luò)上的有關(guān)信息共同形成的。
8 根據(jù)權(quán)利要求1，2或3的方法，其特征是從網(wǎng)絡(luò)上獲得的關(guān)于其存儲(chǔ)位置的有關(guān)信息就是圖像的完整的存儲(chǔ)位置信息，它是在網(wǎng)站服務(wù)器上形成的，完全是根據(jù)由本地上傳到網(wǎng)站上的信息而形成的。
9 根據(jù)權(quán)利要求1，2或3的方法，其特征是在參與組合的圖像中至少有一個(gè)是動(dòng)態(tài)圖像。
10 根據(jù)權(quán)利要求1，2或3的方法，其特征是在屏幕上被同時(shí)顯示的圖像中，有幾個(gè)圖像是動(dòng)態(tài)圖像，它們的動(dòng)態(tài)播放的啟動(dòng)可被同步控制。
全文摘要
一種利用網(wǎng)絡(luò)組合圖像的方法，是由用戶把從網(wǎng)絡(luò)和本地讀取的各圖像，在本地進(jìn)行圖像的拼接或疊加。由于各圖像之間保持獨(dú)立，使用戶可在本地，隨意地在各圖像之間進(jìn)行各種圖像組合，變換，比在網(wǎng)站服務(wù)器上組合圖像更方便快速。把用戶提供的圖像加入到圖像組合中，可幫助用戶從網(wǎng)絡(luò)上挑選最適合的物品，例如，把服裝網(wǎng)站上的服裝圖像，與用戶的本人圖像進(jìn)行組合，可為用戶選到最適合的服裝。
文檔編號(hào)G06Q10/00GK1700251SQ20041004270
公開日2005年11月23日 申請日期2004年5月21日 優(yōu)先權(quán)日2004年5月21日
發(fā)明者毛新 申請人:毛新