一種瀏覽器圖像顯示方法及終端的制作方法
【專利摘要】本發(fā)明實施例公開了一種瀏覽器圖像顯示方法，以期減少終端中瀏覽器的頁面與插件的數(shù)據(jù)交互次數(shù)，從而提高圖像繪制的效率。本發(fā)明實施例方法包括：終端接收圖像繪制指令，終端根據(jù)圖像繪制指令在第一畫布中繪制圖像；終端將終端在第一畫布中繪制的圖像發(fā)送給第二畫布，瀏覽器包括第一畫布與第二畫布；終端將圖像存儲在第二畫布中，并記錄第二畫布中存儲的圖像的數(shù)據(jù)信息；當滿足預置條件時，終端將第二畫布存儲的圖像發(fā)送給瀏覽器中的插件，使得插件根據(jù)數(shù)據(jù)信息完成圖像的顯示。本發(fā)明實施例能夠減少瀏覽器的頁面與插件的數(shù)據(jù)交互次數(shù)，提高圖像繪制的效率。
【專利說明】一種瀏覽器圖像顯示方法及終端
【技術領域】
[0001]本發(fā)明涉及圖像顯示【技術領域】，尤其涉及種瀏覽器圖像顯示方法及終端。
【背景技術】
[0002]隨著網(wǎng)絡技術的不斷發(fā)展，網(wǎng)絡技術已逐漸應用于社會的各個領域，例如，用戶需要了解城市時，可通過瀏覽器搜索該城市的地圖圖像，并可對該搜索到的地圖圖像進行放大或者縮小，從而使得用戶即可了解該城市的整體布局，也可了解到具體的街道或建筑。用戶在瀏覽器中輸入需要搜索的城市后，瀏覽器通過搜索引擎獲取到該城市的地圖圖像，并需要對該地圖圖像進行顯示，使得用戶可直觀的觀察該地圖圖像。
[0003]現(xiàn)有技術中，瀏覽器的程序開發(fā)一般包含頁面腳本代碼，以及頁面組件，當有圖像需要顯示時，瀏覽器可通過頁面腳本來調(diào)用組件提供的接口，從而將頁面繪制的圖像傳遞給組件，通過組件對該圖像進行顯示。
[0004]但在現(xiàn)有技術中，瀏覽器的頁面每一次繪制都需要與插件進行一次數(shù)據(jù)交互，例如，每繪制一個點或者一條線就需要調(diào)用一次組件接口，將繪制的點或線傳遞插件，但瀏覽器中需要顯示的圖像往往比較復雜，需要頁面進行多次繪制，這就使得瀏覽器頁面需要頻繁的與插件進行多次數(shù)據(jù)交互，從而導致圖像繪制的效率較低。

【發(fā)明內(nèi)容】

[0005]本發(fā)明實施例提供了一種瀏覽器圖像顯示方法及終端，以期減少終端中瀏覽器的頁面與插件的數(shù)據(jù)交互次數(shù)，從而可提高圖像繪制的效率。
[0006]本發(fā)明實施例提供的瀏覽器圖像顯示方法可包括:
[0007]終端接收圖像繪制指令，所述圖像繪制指令用于指示所述終端在瀏覽器中繪制需要顯示的圖像；
[0008]所述終端根據(jù)所述圖像繪制指令在第一畫布中繪制所述圖像；
[0009]所述終端將所述終端在第一畫布中繪制的所述圖像發(fā)送給第二畫布，所述瀏覽器包括所述第一畫布與所述第二畫布；
[0010]所述終端將所述圖像存儲在第二畫布中，并記錄所述第二畫布中存儲的所述圖像的數(shù)據(jù)信息；
[0011]當滿足預置條件時，所述終端將所述第二畫布存儲的圖像發(fā)送給所述瀏覽器中的插件，使得所述插件根據(jù)所述數(shù)據(jù)信息完成所述圖像的顯示。
[0012]可選地，所述終端接收圖像繪制指令之前還包括:
[0013]所述終端接收用戶發(fā)送的畫布創(chuàng)建指令；
[0014]所述終端根據(jù)所述畫布創(chuàng)建指令在所述瀏覽器中創(chuàng)建所述第一畫布和所述第二畫布，并使得所述第一畫布的寬高的比值與所述插件的寬高的比值相同，且所述第二畫布的寬高的比值與所述插件的寬高的比值相同，所述第一畫布和第二畫布的形狀為矩形。
[0015]可選地，所述終端根據(jù)所述圖像繪制指令在第一畫布中繪制所述圖像具體包括:[0016]所述終端根據(jù)所述圖像繪制指令設置所述圖像的顏色和\或面積，并調(diào)用所述瀏覽器的腳本在第一畫布中繪制所述圖像。
[0017]可選地，所述終端將所述圖像存儲在第二畫布中具體包括:
[0018]所述終端對發(fā)送給所述第二畫布的所述圖像進行組織，確定所述圖像的最小外包矩形，并從所述第二畫布中的初始存儲區(qū)域開始，依次存儲所述圖像；
[0019]所述圖像的數(shù)據(jù)信息具體包括:所述圖像的面積大小、存儲區(qū)域、和存儲坐標。
[0020]可選地，所述當滿足預置條件時，所述終端將所述第二畫布存儲的圖像發(fā)送給所述瀏覽器中的插件具體包括:
[0021]當所述第二畫布存儲的圖像的數(shù)據(jù)量超過預置數(shù)值時，所述終端將所述第二畫布存儲的圖像發(fā)送給所述瀏覽器中的插件；
[0022]和\ 或，
[0023]當所述終端獲取到來自用戶的發(fā)送指令時，所述終端根據(jù)所述發(fā)送指令將所述第二畫布存儲的圖像發(fā)送給所述瀏覽器中的插件。
[0024]本發(fā)明實施例提供的終端可包括:
[0025]第一接收單元，用于接收圖像繪制指令，所述圖像繪制指令用于指示終端在瀏覽器中繪制需要顯示的圖像；
[0026]繪制單元，用于根據(jù)所述圖像繪制指令在第一畫布中繪制所述圖像；
[0027]第一發(fā)送單元，用于將所述終端在第一畫布中繪制的所述圖像發(fā)送給第二畫布，所述瀏覽器包括所述第一畫布與所述第二畫布；
[0028]存儲記錄單元，用于將所述圖像存儲在第二畫布中，并記錄所述第二畫布中存儲的所述圖像的數(shù)據(jù)信息；
[0029]第二發(fā)送單元，用于當滿足預置條件時，將所述第二畫布存儲的圖像發(fā)送給所述瀏覽器中的插件，使得所述插件根據(jù)所述數(shù)據(jù)信息完成所述圖像的顯示。
[0030]可選地，所述終端還包括:
[0031]第二接收單元，用于接收用戶發(fā)送的畫布創(chuàng)建指令；
[0032]創(chuàng)建單元，用于根據(jù)所述畫布創(chuàng)建指令在所述瀏覽器中創(chuàng)建所述第一畫布和所述第二畫布，并使得所述第一畫布的寬高的比值與所述插件的寬高的比值相同，且所述第二畫布的寬高的比值與所述插件的寬高的比值相同，所述第一畫布和第二畫布的形狀為矩形。
[0033]可選地，所述繪制單元具體包括:
[0034]設置單元，用于根據(jù)所述圖像繪制指令設置所述圖像的顏色和\或面積；
[0035]繪制子單元，用于調(diào)用所述瀏覽器的腳本在第一畫布中繪制所述圖像。
[0036]可選地,所述存儲記錄單元具體包括:
[0037]數(shù)據(jù)組織單元，用于對發(fā)送給所述第二畫布的所述圖像進行組織；
[0038]存儲記錄子單元，用于從所述第二畫布中的初始存儲區(qū)域開始，依次存儲所述圖像，并記錄所述第二畫布中存儲的所述圖像的數(shù)據(jù)信息；
[0039]所述圖像的數(shù)據(jù)信息具體包括:所述圖像的面積大小、存儲區(qū)域、和存儲坐標。
[0040]可選地，所述第二發(fā)送單元包括:
[0041]第一發(fā)送子單元，用于當所述第二畫布存儲的圖像的數(shù)據(jù)量超過預置數(shù)值時，將所述第二畫布存儲的圖像發(fā)送給所述瀏覽器中的插件；
[0042]和\ 或，
[0043]第二發(fā)送子單元，用于當所述終端獲取到來自用戶的發(fā)送指令時，根據(jù)所述發(fā)送指令將所述第二畫布存儲的圖像發(fā)送給所述瀏覽器中的插件。
[0044]從以上技術方案可以看出，本發(fā)明實施例具有以下優(yōu)點:終端接收圖像繪制指令，所述圖像繪制指令用于指示所述終端在瀏覽器中繪制需要顯示的圖像；所述終端根據(jù)所述圖像繪制指令在第一畫布中繪制所述圖像；所述終端將所述終端在第一畫布中繪制的所述圖像發(fā)送給第二畫布，所述瀏覽器包括所述第一畫布與所述第二畫布；所述終端將所述圖像存儲在第二畫布中，并記錄所述第二畫布中存儲的所述圖像的數(shù)據(jù)信息；當滿足預置條件時，所述終端將所述第二畫布存儲的圖像發(fā)送給所述瀏覽器中的插件，使得所述插件根據(jù)所述數(shù)據(jù)信息完成所述圖像的顯示。這樣，當需要在瀏覽器中進行圖像顯示時，終端可在瀏覽器中的第一畫布中繪制該圖像，并將繪制的圖像發(fā)送給上述第二畫布，當上述第二畫布中存儲有多個圖像時，該終端可一次性將第二畫布存儲的多個圖像發(fā)送給插件，使得插件對該圖像進行顯示，這樣可極大的減少終端中瀏覽器的頁面與插件的數(shù)據(jù)交互次數(shù)，從而可提聞圖像繪制的效率。
【專利附圖】

【附圖說明】
[0045]圖1為本發(fā)明實施例提供的瀏覽器圖像顯示方法的一種流程示意圖；
[0046]圖2為本發(fā)明實施例提供的瀏覽器圖像顯示方法的另一種流程示意圖；
[0047]圖3為本發(fā)明實施例提供的瀏覽器圖像顯示方法的另一種流程示意圖；
[0048]圖4為本發(fā)明實施例提供的終端的一種結構意圖；
[0049]圖5為本發(fā)明實施例提供的終端的另一種結構意圖；
[0050]圖6為本發(fā)明實施例提供的終端的另一種結構意圖。
【具體實施方式】
[0051]本發(fā)明實施例提供了一種瀏覽器圖像顯示方法及終端，以期減少終端中瀏覽器的頁面與插件的數(shù)據(jù)交互次數(shù)，從而提高圖像繪制的效率。
[0052]為了使本領域技術人員更好的理解本發(fā)明方案，下面將結合本發(fā)明實施例中的附圖，對本發(fā)明實施例中的技術方案進行清楚、完整的描述，顯然，所描述的實施例僅僅是本發(fā)明一部分實施例，而不是全部實施例。基于本發(fā)明中的實施例，本領域普通技術人員在沒有做出創(chuàng)造性勞動的前提下所獲得的所以其他實施例，都應當屬于本發(fā)明的保護范圍。
[0053]以下分別進行詳細說明。
[0054]本發(fā)明的說明書和權利要求書及上述附圖中的術語“第一”、“第二”、“第三”、“第四”等是用于區(qū)別類似的對象，而不必用于描述特定的順序或先后次序。應該理解這樣使用的數(shù)據(jù)在適當?shù)那闆r下可以互換，以便這里描述的本發(fā)明實施例例如能夠以除了在這里圖示或者描述的那些以外的順序?qū)嵤?br> [0055]此外，術語“包括”和“具有”以及他們的任何變形，意圖在于覆蓋不排他的包含，例如，包含了一系列步驟或單元的過程、方法、系統(tǒng)、產(chǎn)品或設備不必限于清楚的列出的那些步驟或單元，而是可包括沒有清楚地列出的或?qū)τ谶@些過程、方法、產(chǎn)品、或設備固有的其他步驟或單元。
[0056]請參閱圖1，圖1為本發(fā)明實施例提供的瀏覽器圖像顯示方法的一種流程示意圖，如圖1所示，本發(fā)明實施例提供的瀏覽器圖像顯示方法的一個實施例可包括如下內(nèi)容:
[0057]101、終端接收圖像繪制指令；
[0058]當用戶需要在終端中的瀏覽器中顯示圖像時，用戶可向終端發(fā)送圖像繪制指令，該終端可接收該圖像繪制指令。
[0059]可以理解的是，當服務器需要在終端中的瀏覽器中顯示圖像時，該服務器也可向該終端發(fā)送圖像繪制指令，上述終端還可接收來著服務器發(fā)送的圖像繪制指令。
[0060]需要說明的是，上述圖像繪制指令可用于指示終端在瀏覽器中繪制需要顯示的圖像。
[0061]102、終端根據(jù)圖像繪制指令在第一畫布中繪制圖像；
[0062]上述終端接收到上述圖像繪制指令后，可確定上述需要顯示的圖像，該終端調(diào)用瀏覽器頁面的腳本，在上述第一畫布中繪制該需要顯示的圖像。
[0063]103、終端將終端在第一畫布中繪制的圖像發(fā)送給第二畫布；
[0064]上述終端在上述第一畫布中繪制完成上述圖像后，可將該繪制完成的圖像發(fā)送給第二畫布。
[0065]需要說明的是，上述瀏覽器中可包括上述第一畫布和第二畫布，上述第一畫布可只包括一個畫布，也可包括多個畫布，上述第二畫布可只包括一個畫布，也可包括多個畫布。
[0066]104、終端將圖像存儲在第二畫布中，并記錄第二畫布中存儲的圖像的數(shù)據(jù)信息；
[0067]上述終端將上述第一畫布中的圖像發(fā)送給上述第二畫布后，該終端可將該圖像存儲在第二畫布中，該終端還可記錄該第二畫布存儲的圖像的數(shù)據(jù)信息。
[0068]可以理解的是，上述數(shù)據(jù)信息可用于瀏覽器中的插件解析該第二畫布中存儲的圖像。
[0069]可以理解的是，上述第二畫布中可存儲多個圖像。
[0070]105、當滿足預置條件時，終端將第二畫布存儲的圖像發(fā)送給瀏覽器中的插件，使得插件根據(jù)數(shù)據(jù)信息完成圖像的顯示。
[0071]當滿足預置條件時，上述終端可通過瀏覽器中的接口，將上述第二畫布中存儲的圖像發(fā)送給瀏覽器中的插件，該插件接收到該第二畫布存儲的圖像后，可根據(jù)上述圖像的數(shù)據(jù)信息完成上述需要顯示的圖像的顯示。
[0072]本實施例中，終端接收圖像繪制指令，該圖像繪制指令用于指示該終端在瀏覽器中繪制需要顯示的圖像；該終端根據(jù)該圖像繪制指令在第一畫布中繪制該圖像；該終端將該終端在第一畫布中繪制的該圖像發(fā)送給第二畫布，該瀏覽器包括該第一畫布與該第二畫布；該終端將該圖像存儲在第二畫布中，并記錄該第二畫布中存儲的該圖像的數(shù)據(jù)信息；當滿足預置條件時，該終端將該第二畫布存儲的圖像發(fā)送給該瀏覽器中的插件，使得該插件根據(jù)該數(shù)據(jù)信息完成該圖像的顯示。這樣，當需要在瀏覽器中進行圖像顯示時，終端可在瀏覽器中的第一畫布中繪制該圖像，并將繪制的圖像發(fā)送給上述第二畫布，當上述第二畫布中存儲有多個圖像時，該終端可一次性將第二畫布存儲的多個圖像發(fā)送給插件，使得插件對該圖像進行顯示，這樣可極大的減少終端中瀏覽器的頁面與插件的數(shù)據(jù)交互次數(shù)，從而可提聞圖像繪制的效率。
[0073]上述圖1所示實施例中，終端接收到圖像繪制指令后，可在第一畫布中繪制該圖像，將第一畫布中繪制的圖像發(fā)送給第二畫布，終端將該圖像存儲在第二畫布中，并在滿足預置條件時，將第二畫布存儲的圖像發(fā)送給瀏覽器中的插件，使得該插件完成上述圖像的顯示。在實際應用中，上述終端接收到圖像繪制指令之前，還可先在瀏覽器的頁面中創(chuàng)建上述第一畫布和第二畫布，下面以一個具體實施例進行詳細描述。請參閱圖2，圖2為本發(fā)明實施例提供的瀏覽器圖像顯示方法的另一種流程示意圖，如圖2所示，本發(fā)明實施例提供的瀏覽器圖像顯示方法另一個實施例可包括如下內(nèi)容:
[0074]201、終端接收用戶發(fā)送的畫布創(chuàng)建指令；
[0075]當用戶需要在瀏覽器中的頁面中創(chuàng)建畫布時，用戶可向終端發(fā)送畫布創(chuàng)建指令，上述終端可接收用戶發(fā)送的畫布創(chuàng)建指令，該畫布創(chuàng)建指令可指示該終端在瀏覽器頁面中創(chuàng)建上述第一畫布和第二畫布。
[0076]202、終端根據(jù)畫布創(chuàng)建指令在瀏覽器中創(chuàng)建第一畫布和第二畫布；
[0077]上述終端接收到上述畫布創(chuàng)建指令后，可根據(jù)該畫布創(chuàng)建指令在瀏覽器的頁面中創(chuàng)建上述第一畫布和第二畫布，并使得該第二畫布可通過接口與瀏覽器中的插件建立連接。
[0078]需要說明的是，上述第一畫布和第二畫布的形狀為矩形，該第一畫布的寬高的比值與上述插件的寬高的比值相同，該第二畫布的寬高的比值與上述插件的寬高的比值相同。
[0079]203、終端接收圖像繪制指令；
[0080]當用戶需要在終端中的瀏覽器中顯示圖像時，用戶可向終端發(fā)送圖像繪制指令，該終端可接收該圖像繪制指令。
[0081]可以理解的是，當服務器需要在終端中的瀏覽器中顯示圖像時，該服務器也可向該終端發(fā)送圖像繪制指令，上述終端還可接收來著服務器發(fā)送的圖像繪制指令。
[0082]需要說明的是，上述圖像繪制指令可用于指示終端在瀏覽器中繪制需要顯示的圖像。
[0083]204、終端根據(jù)圖像繪制指令設置圖像的顏色和\或面積，并調(diào)用瀏覽器的腳本在第一畫布中繪制圖像；
[0084]上述終端接收到上述圖像繪制指令后，可確定上述需要顯示的圖像，該終端調(diào)用瀏覽器頁面的腳本，在上述第一畫布中繪制該需要顯示的圖像。
[0085]可以理解的是，上述終端確定上述需要顯示的圖像后，可設置該圖像的顏色和\或面積大小，并將設置后的該圖像的顏色和\或面積大小進行記錄。
[0086]205、終端將終端在第一畫布中繪制的圖像發(fā)送給第二畫布；
[0087]上述終端在上述第一畫布中繪制完成上述圖像后，可將該繪制完成的圖像發(fā)送給第二畫布。
[0088]需要說明的是，上述瀏覽器中可包括上述第一畫布和第二畫布，上述第一畫布可只包括一個畫布，也可包括多個畫布，上述第二畫布可只包括一個畫布，也可包括多個畫布。
[0089]206、終端對發(fā)送給第二畫布的圖像進行組織，確定圖像的最小外包矩形，并從第二畫布中的初始存儲區(qū)域開始，依次存儲該圖像，并記錄第二畫布中存儲的圖像的數(shù)據(jù)信息；
[0090]上述終端將上述第一畫布中的圖像發(fā)送給上述第二畫布后，該終端可對根據(jù)上述第一畫布發(fā)送的圖像進行組織，確定該圖像的最小外包矩形，當有多個圖像時，該終端可從該第二畫布中的初始存儲區(qū)域開始，依次存儲該圖像，并將第二畫布存儲后的圖像的數(shù)據(jù)信息進行記錄。
[0091]需要說明的是，上述數(shù)據(jù)信息可包括:上述圖像的面積大小、存儲區(qū)域、和存儲坐標。
[0092]可以理解的是，上述終端從上述第二畫布中的初始存儲區(qū)域開始，依次存儲該圖像的存儲方式意在使得上述第二畫布盡可能多的存儲上述圖像，充分利用上述第二畫布的存儲面積，在實際應用中，以充分利用上述第二畫布的存儲面積為準則，該終端還可通過多種方式將上述圖像存儲在第二畫布中，具體此處不作限定。
[0093]可以理解的是，上述數(shù)據(jù)信息可用于瀏覽器中的插件解析該第二畫布中存儲的圖像。
[0094]207、當滿足預置條件時，終端將第二畫布存儲的圖像發(fā)送給瀏覽器中的插件，使得插件根據(jù)數(shù)據(jù)信息完成圖像的顯示。
[0095]當滿足預置條件時，上述終端可通過瀏覽器中的接口，將上述第二畫布中存儲的圖像發(fā)送給瀏覽器中的插件，該插件接收到該第二畫布存儲的圖像后，可根據(jù)上述圖像的數(shù)據(jù)信息確定上述第二畫布存儲的圖像的面積大小、在第二畫布中的存儲區(qū)域、以及存儲坐標，上述插件可根據(jù)上述圖像的數(shù)據(jù)信息對該第二畫布存儲的圖像進行解析，并將該第二畫布存儲的圖像轉化為紋理，該插件將轉化后的該圖像的紋理顯示在插件中對應的位置，完成上述需要顯示的圖像的顯示。
[0096]本實施例中，終端接收到用戶的畫布創(chuàng)建指令后，在瀏覽器的頁面中創(chuàng)建上述第一畫布和第二畫布，當終端接收圖像繪制指令后，該圖像繪制指令用于指示該終端在瀏覽器中繪制需要顯示的圖像；該終端根據(jù)該圖像繪制指令在第一畫布中繪制該圖像；該終端將該終端在第一畫布中繪制的該圖像發(fā)送給第二畫布，該瀏覽器包括該第一畫布與該第二畫布；該終端將該圖像存儲在第二畫布中，并記錄該第二畫布中存儲的該圖像的數(shù)據(jù)信息；當滿足預置條件時，該終端將該第二畫布存儲的圖像發(fā)送給該瀏覽器中的插件，使得該插件根據(jù)該數(shù)據(jù)信息完成該圖像的顯示。這樣，當需要在瀏覽器中進行圖像顯示時，終端可在瀏覽器中的第一畫布中繪制該圖像，并將繪制的圖像發(fā)送給上述第二畫布，當上述第二畫布中存儲有多個圖像時，該終端可一次性將第二畫布存儲的多個圖像發(fā)送給插件，使得插件對該圖像進行顯示，這樣可極大的減少終端中瀏覽器的頁面與插件的數(shù)據(jù)交互次數(shù)，從而可提聞圖像繪制的效率。
[0097]上述圖2所示實施例描述了終端接收到畫布創(chuàng)建指令后，在上述瀏覽器的頁面中創(chuàng)建第一畫布和第二畫布，終端接收到圖像繪制指令后，可在第一畫布中繪制該圖像，將第一畫布中繪制的圖像發(fā)送給第二畫布，終端將該圖像存儲在第二畫布中，并在滿足預置條件時，將第二畫布存儲的圖像發(fā)送給瀏覽器中的插件，使得該插件完成上述圖像的顯示。在實際應用中，上述預置條件可根據(jù)用戶的需要而設定，下面以一具體實施例進行詳細描述。請參閱圖3，圖3為本發(fā)明實施例提供的瀏覽器圖像顯示方法的另一種流程示意圖，如圖3所示，本發(fā)明實施例提供的瀏覽器圖像顯示方法另一個實施例可包括如下內(nèi)容:
[0098]301、終端接收用戶發(fā)送的畫布創(chuàng)建指令；
[0099]當用戶需要在瀏覽器中的頁面中創(chuàng)建畫布時，用戶可向終端發(fā)送畫布創(chuàng)建指令，上述終端可接收用戶發(fā)送的畫布創(chuàng)建指令，該畫布創(chuàng)建指令可指示該終端在瀏覽器頁面中創(chuàng)建上述第一畫布和第二畫布。
[0100]302、終端根據(jù)畫布創(chuàng)建指令在瀏覽器中創(chuàng)建第一畫布和第二畫布；
[0101]上述終端接收到上述畫布創(chuàng)建指令后，可根據(jù)該畫布創(chuàng)建指令在瀏覽器的頁面中創(chuàng)建上述第一畫布和第二畫布，并使得該第二畫布可通過接口與瀏覽器中的插件建立連接。
[0102]需要說明的是，上述第一畫布和第二畫布的形狀為矩形，該第一畫布的寬高的比值與上述插件的寬高的比值相同，該第二畫布的寬高的比值與上述插件的寬高的比值相同。
[0103]303、終立而接收圖像繪制指令；
[0104]當用戶需要在終端中的瀏覽器中顯示圖像時，用戶可向終端發(fā)送圖像繪制指令，該終端可接收該圖像繪制指令。
[0105]可以理解的是，當服務器需要在終端中的瀏覽器中顯示圖像時，該服務器也可向該終端發(fā)送圖像繪制指令，上述終端還可接收來著服務器發(fā)送的圖像繪制指令。
[0106]需要說明的是，上述圖像繪制指令可用于指示終端在瀏覽器中繪制需要顯示的圖像。
[0107]304、終端根據(jù)圖像繪制指令設置圖像的顏色和\或面積，并調(diào)用瀏覽器的腳本在第一畫布中繪制圖像；
[0108]上述終端接收到上述圖像繪制指令后，可確定上述需要顯示的圖像，該終端調(diào)用瀏覽器頁面的腳本，在上述第一畫布中繪制該需要顯示的圖像。
[0109]可以理解的是，上述終端確定上述需要顯示的圖像后，可設置該圖像的顏色和\或面積大小，并將設置后的該圖像的顏色和\或面積大小進行記錄。
[0110]305、終端將終端在第一畫布中繪制的圖像發(fā)送給第二畫布；
[0111]上述終端在上述第一畫布中繪制完成上述圖像后，可將該繪制完成的圖像發(fā)送給第二畫布。
[0112]需要說明的是，上述瀏覽器中可包括上述第一畫布和第二畫布，上述第一畫布可只包括一個畫布，也可包括多個畫布，上述第二畫布可只包括一個畫布，也可包括多個畫布。
[0113]306、終端對發(fā)送給第二畫布的圖像進行組織，確定圖像的最小外包矩形，并從第二畫布中的初始存儲區(qū)域開始，依次存儲該圖像，并記錄第二畫布中存儲的圖像的數(shù)據(jù)信息；
[0114]上述終端將上述第一畫布中的圖像發(fā)送給上述第二畫布后，該終端可對根據(jù)上述第一畫布發(fā)送的圖像進行組織，確定該圖像的最小外包矩形，當有多個圖像時，該終端可從該第二畫布中的初始存儲區(qū)域開始，依次存儲該圖像，并將第二畫布存儲后的圖像的數(shù)據(jù)信息進行記錄。
[0115]需要說明的是，上述數(shù)據(jù)信息可包括:上述圖像的面積大小、存儲區(qū)域、和存儲坐標。
[0116]可以理解的是，上述終端從上述第二畫布中的初始存儲區(qū)域開始，依次存儲該圖像的存儲方式意在使得上述第二畫布盡可能多的存儲上述圖像，充分利用上述第二畫布的存儲面積，在實際應用中，以充分利用上述第二畫布的存儲面積為準則，該終端還可通過多種方式將上述圖像存儲在第二畫布中，具體此處不作限定。
[0117]可以理解的是，上述數(shù)據(jù)信息可用于瀏覽器中的插件解析該第二畫布中存儲的圖像。
[0118]307、當終端獲取到來自用戶的發(fā)送指令時，終端根據(jù)發(fā)送指令將第二畫布存儲的圖像發(fā)送給瀏覽器中的插件。
[0119]上述終端將上述圖像存儲在上述第二畫布中后，終端可獲取來自用戶的發(fā)送指令，該發(fā)送指令用于指示終端將該第二畫布存儲的圖像發(fā)送給上述插件，當上述終端獲取到上述發(fā)送指令后，上述終端可通過瀏覽器中的接口，將上述第二畫布中存儲的圖像發(fā)送給瀏覽器中的插件，該插件接收到該第二畫布存儲的圖像后，可根據(jù)上述圖像的數(shù)據(jù)信息確定上述第二畫布存儲的圖像的面積大小、在第二畫布中的存儲區(qū)域、以及存儲坐標，上述插件可根據(jù)上述圖像的數(shù)據(jù)信息對該第二畫布存儲的圖像進行解析，并將該第二畫布存儲的圖像轉化為紋理，該插件將轉化后的該圖像的紋理顯示在插件中對應的位置，完成上述需要顯示的圖像的顯示。
[0120]本實施例中的步驟307是通過用戶的發(fā)送指令觸發(fā)終端將第二畫布存儲的圖像發(fā)送給瀏覽器中的插件之后，可以理解的是，還可以有其他的方式觸發(fā)，具體可以包括:
[0121]一、根據(jù)第二畫布中存儲的圖像的數(shù)據(jù)量來觸發(fā):
[0122]本方式中，終端還可判斷上述第二畫布中存儲的圖像的數(shù)據(jù)量是否超過了預置數(shù)值，若是，則上述終端可通過瀏覽器中的接口，將上述第二畫布中存儲的圖像發(fā)送給瀏覽器中的插件，該插件接收到該第二畫布存儲的圖像后，可根據(jù)上述圖像的數(shù)據(jù)信息確定上述第二畫布存儲的圖像的面積大小、在第二畫布中的存儲區(qū)域、以及存儲坐標，上述插件可根據(jù)上述圖像的數(shù)據(jù)信息對該第二畫布存儲的圖像進行解析，并將該第二畫布存儲的圖像轉化為紋理，該插件將轉化后的該圖像的紋理顯示在插件中對應的位置，完成上述需要顯示的圖像的顯示。
[0123]二、根據(jù)第二畫布中存儲的圖像的數(shù)據(jù)量以及用戶的發(fā)送指令共同觸發(fā):
[0124]本方式中，終端可獲取來自用戶的發(fā)送指令，該發(fā)送指令用于指示終端將該第二畫布存儲的圖像發(fā)送給上述插件，當上述終端獲取到上述發(fā)送指令后，并且終端判斷上述第二畫布中存儲的圖像的數(shù)據(jù)量超過了預置數(shù)值，則上述終端可通過瀏覽器中的接口，將上述第二畫布中存儲的圖像發(fā)送給瀏覽器中的插件，該插件接收到該第二畫布存儲的圖像后，可根據(jù)上述圖像的數(shù)據(jù)信息確定上述第二畫布存儲的圖像的面積大小、在第二畫布中的存儲區(qū)域、以及存儲坐標，上述插件可根據(jù)上述圖像的數(shù)據(jù)信息對該第二畫布存儲的圖像進行解析，并將該第二畫布存儲的圖像轉化為紋理，該插件將轉化后的該圖像的紋理顯示在插件中對應的位置，完成上述需要顯示的圖像的顯示。
[0125]本實施例中，終端接收到用戶的畫布創(chuàng)建指令后，在瀏覽器的頁面中創(chuàng)建上述第一畫布和第二畫布，當終端接收圖像繪制指令后，該圖像繪制指令用于指示該終端在瀏覽器中繪制需要顯示的圖像；該終端根據(jù)該圖像繪制指令在第一畫布中繪制該圖像；該終端將該終端在第一畫布中繪制的該圖像發(fā)送給第二畫布，該瀏覽器包括該第一畫布與該第二畫布；該終端將該圖像存儲在第二畫布中，并記錄該第二畫布中存儲的該圖像的數(shù)據(jù)信息；當終端獲取到發(fā)送指令后或者第二畫布存儲的圖像的數(shù)據(jù)量超過預置數(shù)值時，該終端將該第二畫布存儲的圖像發(fā)送給該瀏覽器中的插件，使得該插件根據(jù)該數(shù)據(jù)信息完成該圖像的顯示。這樣，當需要在瀏覽器中進行圖像顯示時，終端可在瀏覽器中的第一畫布中繪制該圖像，并將繪制的圖像發(fā)送給上述第二畫布，當上述第二畫布中存儲有多個圖像時，該終端可一次性將第二畫布存儲的多個圖像發(fā)送給插件，使得插件對該圖像進行顯示，這樣可極大的減少終端中瀏覽器的頁面與插件的數(shù)據(jù)交互次數(shù)，從而可提高圖像繪制的效率。
[0126]為了便于理解，下面以一具體應用場景對本發(fā)明實施例提供的瀏覽器圖像顯示方法進行詳細描述。
[0127]用戶需要在瀏覽器頁面中創(chuàng)建畫布時，用戶可向終端發(fā)送畫布創(chuàng)建指令，終端可接收該用戶發(fā)送的畫布創(chuàng)建指令，終端可根據(jù)該畫布創(chuàng)建指令在終端中瀏覽器頁面創(chuàng)建第一畫布和第二畫布，該第二畫布可通過接口與瀏覽器中的插件進行連接，終端可通過瀏覽器的腳本在上述第一畫布和第二畫布中繪制需要繪制的圖像，上述第一畫布可包括多個畫布，第二畫布也可包括多個畫布，上述第一畫布和第二畫布的形狀為矩形，該第一畫布的寬高的比值與上述插件的寬高的比值相同，該第二畫布的寬高的比值與上述插件的寬高的比值相同。例如，上述第一畫布與第二畫布的寬高相同，上述第一畫布與上述插件的寬高相同。上述第一畫布包括:畫布1、畫布2 ;上述第二畫布包括:畫布3、畫布4。當用戶需要在瀏覽器中顯示圖像時，用戶可向終端發(fā)送圖像繪制指令，該終端可接收該圖像繪制指令，當服務器需要在終端中的瀏覽器中顯示圖像時，該服務器也可向該終端發(fā)送圖像繪制指令，上述終端還可接收來著服務器發(fā)送的圖像繪制指令，該圖像繪制指令可用于指示終端在瀏覽器中繪制需要顯示的圖像。例如，用戶需要在瀏覽器顯示5個圖像，分別為圖像1、圖像
2、圖像3、圖像4、和圖像5，該5個圖像可組合為一幅地圖。終端可在第一畫布中依次繪制上述圖像1、圖像2、圖像3、圖像4、和圖像5，例如，終端可調(diào)用瀏覽器頁面的腳本在畫布I中先繪制圖像1，并設置該圖像I的顏色和面積大小，例如，圖像I的顏色為紅色，面積為3，并將設置后的該圖像I的顏色和面積大小進行記錄，例如，終端可通過idl記錄圖像I及圖像I的顏色和面積大小，終端在畫布I中完成圖像I的繪制后，將圖像I發(fā)送給第二畫布，例如，終端將畫布I中的圖像I發(fā)送給畫布3，終端可對圖像I進行組織，例如，終端可通過上述idl確定圖像I的面積大小以及圖像I的形狀，確定圖像I的最小外包矩形，并在畫布3中的初始存儲區(qū)域存儲圖像1，例如，該畫布3的初始存儲區(qū)域為畫布3的右上角，終端記錄畫布3中的圖像I的數(shù)據(jù)信息，該數(shù)據(jù)信息可包括:上述圖像3的面積大小、存儲區(qū)域、和存儲坐標。例如，圖像I的最小外包矩形的寬高為wl和hi,該圖像I的存儲區(qū)域為畫布3的右上角，該圖像I的外包矩形的起始點坐標為〈xl，yl>，則圖像I的數(shù)據(jù)信息可以是〈idl，畫布3，xl, yl, wl, hl>，當有多個圖像時，例如，終端再在畫布I中繪制圖像2，并將圖像2發(fā)送給畫布3，終端可從畫布3的右上角開始依次存儲圖像I和圖像2，以使得畫布3的存儲面積充分利用，例如圖像2的數(shù)據(jù)信息可以是<id2，畫布3，x2, y2，w2, h2>，終端可判斷畫布3中存儲的數(shù)據(jù)量是否超過預置數(shù)值，例如，圖像I的數(shù)據(jù)量為5k，圖像2的數(shù)據(jù)量為6k，預置數(shù)值為10k，則終端將畫布3中的圖像I和圖像2 —次性通過接口發(fā)送給瀏覽器中的插件，或者，當終端獲取到來自用戶的發(fā)送指令時，終端也可根據(jù)發(fā)送指令將畫布3存儲的圖像發(fā)送給瀏覽器中的插件，例如，該發(fā)送指令表示:當?shù)诙嫴即鎯α藞D像1、圖像2、圖像3、圖像4、和圖像5后，將圖像1、圖像2、圖像3、圖像4、和圖像5發(fā)送給插件，則終端在畫布I中依次繪制圖像1、圖像2、圖像3、圖像4、和圖像5，并將圖像1、圖像2、圖像3、圖像4、和圖像5依次發(fā)送給畫布3，若畫布3的存儲面積不夠，例如畫布3的存儲圖像
1、圖像2、圖像3后，剩余存儲面積小于圖像4的面積，則終端將圖像4和圖像5存儲在畫布4中，當?shù)诙嫴贾械漠嫴?和畫布4存儲了圖像1、圖像2、圖像3、圖像4、和圖像5后，即可將圖像1、圖像2、圖像3、圖像4、和圖像5發(fā)送給上述瀏覽器中的插件，使得插件接收到圖像1、圖像2、圖像3、圖像4、和圖像5后，可對該圖像1、圖像2、圖像3、圖像4、和圖像5的數(shù)據(jù)信息進行解析，從而獲取到圖像1、圖像2、圖像3、圖像4、和圖像5，并將圖像1、圖像2、圖像3、圖像4、和圖像5轉化為紋理，從而完成上述地圖的顯示。
[0128]上面對本發(fā)明實施例提供的瀏覽器圖像顯示方法進行了描述，下面對本發(fā)明實施例提供的終端進行描述，請參閱圖4，圖4為本發(fā)明實施例提供的終端的一種結構意圖，如圖4所示，本發(fā)明實施例提供的終端400的一個實施例可包括:
[0129]第一接收單元401，用于接收圖像繪制指令，該圖像繪制指令用于指示終端400在瀏覽器中繪制需要顯示的圖像；
[0130]繪制單元402，用于根據(jù)該圖像繪制指令在第一畫布中繪制該圖像；
[0131]第一發(fā)送單元403，用于將該終端400在第一畫布中繪制的該圖像發(fā)送給第二畫布，該瀏覽器包括該第一畫布與該第二畫布；
[0132]存儲記錄單元404，用于將該圖像存儲在第二畫布中，并記錄該第二畫布中存儲的該圖像的數(shù)據(jù)信息；
[0133]第二發(fā)送單元405，用于當滿足預置條件時，將該第二畫布存儲的圖像發(fā)送給該瀏覽器中的插件，使得該插件根據(jù)該數(shù)據(jù)信息完成該圖像的顯示。
[0134]本實施例中，第一接收單元401接收圖像繪制指令，該圖像繪制指令用于指示該終端400在瀏覽器中繪制需要顯示的圖像；繪制單元402根據(jù)該圖像繪制指令在第一畫布中繪制該圖像；第一發(fā)送單元403將該終端在第一畫布中繪制的該圖像發(fā)送給第二畫布，該瀏覽器包括該第一畫布與該第二畫布；存儲記錄單元404將該圖像存儲在第二畫布中，并記錄該第二畫布中存儲的該圖像的數(shù)據(jù)信息；當滿足預置條件時，第二發(fā)送單元405將該第二畫布存儲的圖像發(fā)送給該瀏覽器中的插件，使得該插件根據(jù)該數(shù)據(jù)信息完成該圖像的顯示。這樣，當需要在瀏覽器中進行圖像顯示時，繪制單元402可在瀏覽器中的第一畫布中繪制該圖像，第一發(fā)送單元403將繪制的圖像發(fā)送給上述第二畫布，當上述第二畫布中存儲有多個圖像時，第二發(fā)送單元405可一次性將第二畫布存儲的多個圖像發(fā)送給插件，使得插件對該圖像進行顯示，這樣可極大的減少終端中瀏覽器的頁面與插件的數(shù)據(jù)交互次數(shù)，從而可提高圖像繪制的效率。
[0135]上述圖1所示實施例中，第一接收單元401接收到圖像繪制指令后，繪制單元402可在第一畫布中繪制該圖像，第一發(fā)送單元403將第一畫布中繪制的圖像發(fā)送給第二畫布，存儲記錄單元404將該圖像存儲在第二畫布中，并在滿足預置條件時，第二發(fā)送單元405將第二畫布存儲的圖像發(fā)送給瀏覽器中的插件，使得該插件完成上述圖像的顯示。在實際應用中，上述終端400還可包括其他單元，用于在上述第一接收單元401接收到圖像繪制指令之前，還可先在瀏覽器的頁面中創(chuàng)建上述第一畫布和第二畫布，下面以一個具體實施例進行詳細描述。請參閱圖5，圖5為本發(fā)明實施例提供的終端的另一種結構意圖，如圖5所示，本發(fā)明實施例提供的終端500的一個實施例可包括:
[0136]第一接收單元501，用于接收圖像繪制指令，該圖像繪制指令用于指示終端500在瀏覽器中繪制需要顯示的圖像；
[0137]繪制單元502，用于根據(jù)該圖像繪制指令在第一畫布中繪制該圖像；
[0138]第一發(fā)送單元503，用于將該終端500在第一畫布中繪制的該圖像發(fā)送給第二畫布，該瀏覽器包括該第一畫布與該第二畫布；
[0139]存儲記錄單元504，用于將該圖像存儲在第二畫布中，并記錄該第二畫布中存儲的該圖像的數(shù)據(jù)信息；
[0140]第二發(fā)送單元505，用于當滿足預置條件時，將該第二畫布存儲的圖像發(fā)送給該瀏覽器中的插件，使得該插件根據(jù)該數(shù)據(jù)信息完成該圖像的顯示。
[0141]本發(fā)明實施例提供的終端500還可進一步包括:
[0142]第二接收單元506，用于接收用戶發(fā)送的畫布創(chuàng)建指令；
[0143]創(chuàng)建單元507，用于根據(jù)該畫布創(chuàng)建指令在該瀏覽器中創(chuàng)建該第一畫布和該第二畫布，并使得該第一畫布的寬高的比值與該插件的寬高的比值相同，且該第二畫布的寬高的比值與該插件的寬高的比值相同，該第一畫布和第二畫布的形狀為矩形。
[0144]本發(fā)明實施例提供的繪制單元502具體包括:
[0145]設置單元5021，用于根據(jù)該圖像繪制指令設置該圖像的顏色和\或面積；
[0146]繪制子單元5022，用于調(diào)用該瀏覽器的腳本在第一畫布中繪制該圖像。
[0147]本發(fā)明實施例提供的存儲記錄單元504具體包括:
[0148]數(shù)據(jù)組織單元5041，用于對發(fā)送給該第二畫布的該圖像進行組織；
[0149]存儲記錄子單元5042，用于從該第二畫布中的初始存儲區(qū)域開始，依次存儲該圖像，并記錄該第二畫布中存儲的該圖像的數(shù)據(jù)信息；
[0150]該圖像的數(shù)據(jù)信息具體包括:該圖像的面積大小、存儲區(qū)域、和存儲坐標。
[0151]本實施例中，第二接收單元506接收到用戶的畫布創(chuàng)建指令后，創(chuàng)建單元507在瀏覽器的頁面中創(chuàng)建上述第一畫布和第二畫布，當?shù)谝唤邮諉卧?01接收圖像繪制指令，該圖像繪制指令用于指示該終端500在瀏覽器中繪制需要顯示的圖像；繪制單元502根據(jù)該圖像繪制指令在第一畫布中繪制該圖像；第一發(fā)送單元503將該終端在第一畫布中繪制的該圖像發(fā)送給第二畫布，該瀏覽器包括該第一畫布與該第二畫布；存儲記錄單元504將該圖像存儲在第二畫布中，并記錄該第二畫布中存儲的該圖像的數(shù)據(jù)信息；當滿足預置條件時，第二發(fā)送單元505將該第二畫布存儲的圖像發(fā)送給該瀏覽器中的插件，使得該插件根據(jù)該數(shù)據(jù)信息完成該圖像的顯示。這樣，當需要在瀏覽器中進行圖像顯示時，繪制單元502可在瀏覽器中的第一畫布中繪制該圖像，第一發(fā)送單元503將繪制的圖像發(fā)送給上述第二畫布，當上述第二畫布中存儲有多個圖像時，第二發(fā)送單元505可一次性將第二畫布存儲的多個圖像發(fā)送給插件，使得插件對該圖像進行顯示，這樣可極大的減少終端中瀏覽器的頁面與插件的數(shù)據(jù)交互次數(shù)，從而可提高圖像繪制的效率。
[0152]上述圖5所示實施例描述了第二接收單元506接收到畫布創(chuàng)建指令后，創(chuàng)建單元507在上述瀏覽器的頁面中創(chuàng)建第一畫布和第二畫布，第一接收單元501接收到圖像繪制指令后，繪制單元502可在第一畫布中繪制該圖像，第一發(fā)送單元503將第一畫布中繪制的圖像發(fā)送給第二畫布，存儲記錄單元504將該圖像存儲在第二畫布中，并在滿足預置條件時，第二發(fā)送單元505將第二畫布存儲的圖像發(fā)送給瀏覽器中的插件，使得該插件完成上述圖像的顯示。在實際應用中，上述第二發(fā)送單元505還可包括多個單元，用于在不同預置條件下，將第二畫布存儲的圖像發(fā)送給瀏覽器中的插件，下面以一具體實施例進行詳細描述。請參閱圖6，圖6為本發(fā)明實施例提供的終端的另一種結構意圖，如圖6所示，本發(fā)明實施例提供的終端600的另一個實施例可包括:
[0153]第一接收單元601，用于接收圖像繪制指令，該圖像繪制指令用于指示終端600在瀏覽器中繪制需要顯示的圖像；
[0154]繪制單元602，用于根據(jù)該圖像繪制指令在第一畫布中繪制該圖像；
[0155]第一發(fā)送單元603，用于將該終端600在第一畫布中繪制的該圖像發(fā)送給第二畫布，該瀏覽器包括該第一畫布與該第二畫布；
[0156]存儲記錄單元604，用于將該圖像存儲在第二畫布中，并記錄該第二畫布中存儲的該圖像的數(shù)據(jù)信息；
[0157]第二發(fā)送單元605，用于當滿足預置條件時，將該第二畫布存儲的圖像發(fā)送給該瀏覽器中的插件，使得該插件根據(jù)該數(shù)據(jù)信息完成該圖像的顯示。
[0158]本發(fā)明實施例提供的終端600還可進一步包括:
[0159]第二接收單元606，用于接收用戶發(fā)送的畫布創(chuàng)建指令；
[0160]創(chuàng)建單元607，用于根據(jù)該畫布創(chuàng)建指令在該瀏覽器中創(chuàng)建該第一畫布和該第二畫布，并使得該第一畫布的寬高的比值與該插件的寬高的比值相同，且該第二畫布的寬高的比值與該插件的寬高的比值相同，該第一畫布和第二畫布的形狀為矩形。
[0161]本發(fā)明實施例提供的繪制單元602具體包括:
[0162]設置單元6021，用于根據(jù)該圖像繪制指令設置該圖像的顏色和\或面積；
[0163]繪制子單元6022，用于調(diào)用該瀏覽器的腳本在第一畫布中繪制該圖像。
[0164]本發(fā)明實施例提供的存儲記錄單元604具體包括:
[0165]數(shù)據(jù)組織單元6041，用于對發(fā)送給該第二畫布的該圖像進行組織；
[0166]存儲記錄子單元6042，用于從該第二畫布中的初始存儲區(qū)域開始，依次存儲該圖像，并記錄該第二畫布中存儲的該圖像的數(shù)據(jù)信息；
[0167]該圖像的數(shù)據(jù)信息具體包括:該圖像的面積大小、存儲區(qū)域、和存儲坐標。
[0168]本發(fā)明實施例提供的第二發(fā)送單元605具體包括:
[0169]第一發(fā)送子單元6051，用于當該第二畫布存儲的圖像的數(shù)據(jù)量超過預置數(shù)值時，將該第二畫布存儲的圖像發(fā)送給該瀏覽器中的插件；
[0170]和\或，
[0171]第二發(fā)送子單元6052，用于當該終端600獲取到來自用戶的發(fā)送指令時，根據(jù)該發(fā)送指令將該第二畫布存儲的圖像發(fā)送給該瀏覽器中的插件。
[0172]本實施例中，第二接收單元606接收到用戶的畫布創(chuàng)建指令后，創(chuàng)建單元607在瀏覽器的頁面中創(chuàng)建上述第一畫布和第二畫布，當?shù)谝唤邮諉卧?01接收圖像繪制指令后，該圖像繪制指令用于指示該終端600在瀏覽器中繪制需要顯示的圖像；繪制單元602根據(jù)該圖像繪制指令在第一畫布中繪制該圖像；第一發(fā)送單元603將該終端在第一畫布中繪制的該圖像發(fā)送給第二畫布，該瀏覽器包括該第一畫布與該第二畫布；存儲記錄單元604將該圖像存儲在第二畫布中，并記錄該第二畫布中存儲的該圖像的數(shù)據(jù)信息；當終端獲600取到發(fā)送指令后或者第二畫布存儲的圖像的數(shù)據(jù)量超過預置數(shù)值時，第二發(fā)送單元605將該第二畫布存儲的圖像發(fā)送給該瀏覽器中的插件，使得該插件根據(jù)該數(shù)據(jù)信息完成該圖像的顯示。這樣，當需要在瀏覽器中進行圖像顯示時，繪制單元602可在瀏覽器中的第一畫布中繪制該圖像，第一發(fā)送單元603并將繪制的圖像發(fā)送給上述第二畫布，當上述第二畫布中存儲有多個圖像時，第二發(fā)送單元605可一次性將第二畫布存儲的多個圖像發(fā)送給插件，使得插件對該圖像進行顯示，這樣可極大的減少終端中瀏覽器的頁面與插件的數(shù)據(jù)交互次數(shù)，從而可提高圖像繪制的效率。
[0173]為了便于理解，下面以一具體應用場景對本發(fā)明實施例提供的終端中各單元的交互進行詳細描述。
[0174]用戶需要在瀏覽器頁面中創(chuàng)建畫布時，用戶可向第二接收單元606發(fā)送畫布創(chuàng)建指令，第二接收單元606可接收該用戶發(fā)送的畫布創(chuàng)建指令，創(chuàng)建單元607可根據(jù)該畫布創(chuàng)建指令在終端600中瀏覽器頁面創(chuàng)建第一畫布和第二畫布，該第二畫布可通過接口與瀏覽器中的插件進行連接，終端600可通過瀏覽器的腳本在上述第一畫布和第二畫布中繪制需要繪制的圖像，上述第一畫布可包括多個畫布，第二畫布也可包括多個畫布，上述第一畫布和第二畫布的形狀為矩形，該第一畫布的寬高的比值與上述插件的寬高的比值相同，該第二畫布的寬高的比值與上述插件的寬高的比值相同。例如，上述第一畫布與第二畫布的寬高相同，上述第一畫布與上述插件的寬高相同。上述第一畫布包括:畫布1、畫布2 ;上述第二畫布包括:畫布3、畫布4。當用戶需要在瀏覽器中顯示圖像時，用戶可向第一接收單元601發(fā)送圖像繪制指令，該第一接收單元601可接收該圖像繪制指令，當服務器需要在終端中的瀏覽器中顯示圖像時，該服務器也可向該第一接收單元601發(fā)送圖像繪制指令，上述第一接收單元601還可接收來著服務器發(fā)送的圖像繪制指令，該圖像繪制指令可用于指示終端600在瀏覽器中繪制需要顯示的圖像。例如，用戶需要在瀏覽器顯示5個圖像，分別為圖像1、圖像2、圖像3、圖像4、和圖像5，該5個圖像可組合為一幅地圖。繪制單元602可在第一畫布中依次繪制上述圖像1、圖像2、圖像3、圖像4、和圖像5，例如，繪制子單元6022可調(diào)用瀏覽器頁面的腳本在畫布I中先繪制圖像1，設置單元6021設置該圖像I的顏色和面積大小，例如，圖像I的顏色為紅色，面積為3，并將設置后的該圖像I的顏色和面積大小進行記錄，例如，終端600可通過idl記錄圖像I及圖像I的顏色和面積大小，繪制單元602在畫布I中完成圖像I的繪制后，第一發(fā)送單元603將圖像I發(fā)送給第二畫布，例如，第一發(fā)送單元603將畫布I中的圖像I發(fā)送給畫布3，數(shù)據(jù)組織單元6041可對圖像I進行組織，例如，數(shù)據(jù)組織單元6041可通過上述idl確定圖像I的面積大小以及圖像I的形狀，確定圖像I的最小外包矩形，并在畫布3中的初始存儲區(qū)域存儲圖像1，例如，該畫布3的初始存儲區(qū)域為畫布3的右上角，存儲記錄子單元6042記錄畫布3中的圖像I的數(shù)據(jù)信息，該數(shù)據(jù)信息可包括:上述圖像3的面積大小、存儲區(qū)域、和存儲坐標。例如，圖像I的最小外包矩形的寬高為wl和hl，該圖像I的存儲區(qū)域為畫布3的右上角，該圖像I的外包矩形的起始點坐標為〈xl，yl>，則圖像I的數(shù)據(jù)信息可以是〈idl,畫布3, xl, yl, wl, hl>,當有多個圖像時，例如，終端600再在畫布I中繪制圖像2，并將圖像2發(fā)送給畫布3，終端可從畫布3的右上角開始依次存儲圖像I和圖像2，以使得畫布3的存儲面積充分利用，例如圖像2的數(shù)據(jù)信息可以是<id2，畫布3，x2，y2，w2，h2>，終端600可判斷畫布3中存儲的數(shù)據(jù)量是否超過預置數(shù)值，例如，圖像I的數(shù)據(jù)量為5k，圖像2的數(shù)據(jù)量為6k，預置數(shù)值為10k，則第一發(fā)送子單元6051將畫布3中的圖像I和圖像2 —次性通過接口發(fā)送給瀏覽器中的插件，或者，當終端獲600取到來自用戶的發(fā)送指令時，第二發(fā)送子單元6052也可根據(jù)發(fā)送指令將畫布3存儲的圖像發(fā)送給瀏覽器中的插件，例如，該發(fā)送指令表示:當?shù)诙嫴即鎯α藞D像1、圖像2、圖像3、圖像4、和圖像5后,將圖像1、圖像2、圖像3、圖像4、和圖像5發(fā)送給插件，則繪制單元602在畫布I中依次繪制圖像1、圖像2、圖像3、圖像4、和圖像5，第一發(fā)送單元603將圖像1、圖像2、圖像3、圖像4、和圖像5依次發(fā)送給畫布3，若畫布3的存儲面積不夠，例如畫布3的存儲圖像1、圖像2、圖像3后，剩余存儲面積小于圖像4的面積，則存儲記錄單元604將圖像4和圖像5存儲在畫布4中，當?shù)诙嫴贾械漠嫴?和畫布4存儲了圖像1、圖像2、圖像3、圖像4、和圖像5后，第二發(fā)送單元605即可將圖像1、圖像2、圖像
3、圖像4、和圖像5發(fā)送給上述瀏覽器中的插件，使得插件接收到圖像1、圖像2、圖像3、圖像4、和圖像5后，可對該圖像1、圖像2、圖像3、圖像4、和圖像5的數(shù)據(jù)信息進行解析，從而獲取到圖像1、圖像2、圖像3、圖像4、和圖像5，并將圖像1、圖像2、圖像3、圖像4、和圖像5轉化為紋理，從而完成上述地圖的顯示。
[0175]所屬領域的技術人員可以清楚地了解到，為描述的方便和簡潔，上述描述的系統(tǒng)，裝置和單元的具體工作過程，可以參考前述方法實施例中的對應過程，在此不再贅述。
[0176]在本申請所提供的幾個實施例中，應該理解到，所揭露的系統(tǒng)，裝置和方法，可以通過其它的方式實現(xiàn)。例如，以上所描述的裝置實施例僅僅是示意性的，例如，所述單元的劃分，僅僅為一種邏輯功能劃分，實際實現(xiàn)時可以有另外的劃分方式，例如多個單元或組件可以結合或者可以集成到另一個系統(tǒng)，或一些特征可以忽略，或不執(zhí)行。另一點，所顯示或討論的相互之間的耦合或直接耦合或通信連接可以是通過一些接口，裝置或單元的間接耦合或通信連接，可以是電性，機械或其它的形式。
[0177]所述作為分離部件說明的單元可以是或者也可以不是物理上分開的，作為單元顯示的部件可以是或者也可以不是物理單元，即可以位于一個地方，或者也可以分布到多個網(wǎng)絡單元上。可以根據(jù)實際的需要選擇其中的部分或者全部單元來實現(xiàn)本實施例方案的目的。
[0178]另外，在本發(fā)明各個實施例中的各功能單元可以集成在一個處理單元中，也可以是各個單元單獨物理存在，也可以兩個或兩個以上單元集成在一個單元中。上述集成的單元既可以采用硬件的形式實現(xiàn)，也可以采用軟件功能單元的形式實現(xiàn)。
[0179]所述集成的單元如果以軟件功能單元的形式實現(xiàn)并作為獨立的產(chǎn)品銷售或使用時，可以存儲在一個計算機可讀取存儲介質(zhì)中?；谶@樣的理解，本發(fā)明的技術方案本質(zhì)上或者說對現(xiàn)有技術做出貢獻的部分或者該技術方案的全部或部分可以以軟件產(chǎn)品的形式體現(xiàn)出來，該計算機軟件產(chǎn)品存儲在一個存儲介質(zhì)中，包括若干指令用以使得一臺計算機設備(可以是個人計算機，服務器，或者網(wǎng)絡設備等)執(zhí)行本發(fā)明各個實施例所述方法的全部或部分步驟。而前述的存儲介質(zhì)包括:U盤、移動硬盤、只讀存儲器(ROM，Read-OnlyMemory)、隨機存取存儲器(RAM, Random Access Memory)、磁碟或者光盤等各種可以存儲程序代碼的介質(zhì)。
[0180]以上所述，以上實施例僅用以說明本發(fā)明的技術方案，而非對其限制；盡管參照前述實施例對本發(fā)明進行了詳細的說明，本領域的普通技術人員應當理解:其依然可以對前述各實施例所記載的技術方案進行修改，或者對其中部分技術特征進行等同替換；而這些修改或者替換，并不使相應技術方案的本質(zhì)脫離本發(fā)明各實施例技術方案的精神和范圍。
【權利要求】
1.一種瀏覽器圖像顯示方法，其特征在于，包括: 終端接收圖像繪制指令，所述圖像繪制指令用于指示所述終端在瀏覽器中繪制需要顯示的圖像； 所述終端根據(jù)所述圖像繪制指令在第一畫布中繪制所述圖像； 所述終端將所述終端在第一畫布中繪制的所述圖像發(fā)送給第二畫布，所述瀏覽器包括所述第一畫布與所述第二畫布； 所述終端將所述圖像存儲在第二畫布中，并記錄所述第二畫布中存儲的所述圖像的數(shù)據(jù)信息； 當滿足預置條件時，所述終端將所述第二畫布存儲的圖像發(fā)送給所述瀏覽器中的插件，使得所述插件根據(jù)所述數(shù)據(jù)信息完成所述圖像的顯示。
2.根據(jù)權利要求1所述的方法，其特征在于，所述終端接收圖像繪制指令之前還包括: 所述終端接收用戶發(fā)送的畫布創(chuàng)建指令； 所述終端根據(jù)所述畫布創(chuàng)建指令在所述瀏覽器中創(chuàng)建所述第一畫布和所述第二畫布，并使得所述第一畫布的寬高的比值與所述插件的寬高的比值相同，且所述第二畫布的寬高的比值與所述插件的寬高的比值相同，所述第一畫布和第二畫布的形狀為矩形。
3.根據(jù)權利要求1所述的方法，其特征在于，所述終端根據(jù)所述圖像繪制指令在第一畫布中繪制所述圖像具體包括: 所述終端根據(jù)所述圖像繪制指令設置所述圖像的顏色和\或面積，并調(diào)用所述瀏覽器的腳本在第一畫布中繪制所述圖像。
4.根據(jù)權利要求1所述的方法，其特征在于，所述終端將所述圖像存儲在第二畫布中具體包括: 所述終端對發(fā)送給所述第二畫布的所述圖像進行組織，確定所述圖像的最小外包矩形，并從所述第二畫布中的初始存儲區(qū)域開始，依次存儲所述圖像； 所述圖像的數(shù)據(jù)信息具體包括:所述圖像的面積大小、存儲區(qū)域、和存儲坐標。
5.根據(jù)權利要求1至4中任一項所述的方法，其特征在于，所述當滿足預置條件時，所述終端將所述第二畫布存儲的圖像發(fā)送給所述瀏覽器中的插件具體包括: 當所述第二畫布存儲的圖像的數(shù)據(jù)量超過預置數(shù)值時，所述終端將所述第二畫布存儲的圖像發(fā)送給所述瀏覽器中的插件； 和\或， 當所述終端獲取到來自用戶的發(fā)送指令時，所述終端根據(jù)所述發(fā)送指令將所述第二畫布存儲的圖像發(fā)送給所述瀏覽器中的插件。
6.一種終端，其特征在于，包括: 第一接收單元，用于接收圖像繪制指令，所述圖像繪制指令用于指示終端在瀏覽器中繪制需要顯示的圖像； 繪制單元，用于根據(jù)所述圖像繪制指令在第一畫布中繪制所述圖像； 第一發(fā)送單元，用于將所述終端在第一畫布中繪制的所述圖像發(fā)送給第二畫布，所述瀏覽器包括所述第一畫布與所述第二畫布； 存儲記錄單元，用于將所述圖像存儲在第二畫布中，并記錄所述第二畫布中存儲的所述圖像的數(shù)據(jù)信息；第二發(fā)送單元，用于當滿足預置條件時，將所述第二畫布存儲的圖像發(fā)送給所述瀏覽器中的插件，使得所述插件根據(jù)所述數(shù)據(jù)信息完成所述圖像的顯示。
7.根據(jù)權利要求6所述的終端，其特征在于，所述終端還包括: 第二接收單元，用于接收用戶發(fā)送的畫布創(chuàng)建指令； 創(chuàng)建單元，用于根據(jù)所述畫布創(chuàng)建指令在所述瀏覽器中創(chuàng)建所述第一畫布和所述第二畫布，并使得所述第一畫布的寬高的比值與所述插件的寬高的比值相同，且所述第二畫布的寬高的比值與所述插件的寬高的比值相同，所述第一畫布和第二畫布的形狀為矩形。
8.根據(jù)權利要求6所述的終端，其特征在于，所述繪制單元具體包括: 設置單元，用于根據(jù)所述圖像繪制指令設置所述圖像的顏色和\或面積； 繪制子單元，用于調(diào)用所述瀏覽器的腳本在第一畫布中繪制所述圖像。
9.根據(jù)權利要求6所述的終端，其特征在于，所述存儲記錄單元具體包括: 數(shù)據(jù)組織單元，用于對發(fā)送給所述第二畫布的所述圖像進行組織； 存儲記錄子單元，用于從所述第二畫布中的初始存儲區(qū)域開始，依次存儲所述圖像，并記錄所述第二畫布中存儲的所述圖像的數(shù)據(jù)信息； 所述圖像的數(shù)據(jù)信息具體包括:所述圖像的面積大小、存儲區(qū)域、和存儲坐標。
10.根據(jù)權利要求6至9中任一項所述的終端，其特征在于，所述第二發(fā)送單元包括: 第一發(fā)送子單元，用于當所述第二畫布存儲的圖像的數(shù)據(jù)量超過預置數(shù)值時，將所述第二畫布存儲的圖像發(fā)送給所述瀏覽器中的插件； 和\或， 第二發(fā)送子單元，用于當所述終端獲取到來自用戶的發(fā)送指令時，根據(jù)所述發(fā)送指令將所述第二畫布存儲的圖像發(fā)送給所述瀏覽器中的插件。
【文檔編號】G06F17/30GK103902294SQ201410128694
【公開日】2014年7月2日 申請日期:2014年4月1日 優(yōu)先權日:2014年4月1日
【發(fā)明者】陳泓坤 申請人:廣東威創(chuàng)視訊科技股份有限公司