網(wǎng)頁(yè)中的圖片顯示方法、裝置及終端的制作方法
【專(zhuān)利摘要】本發(fā)明實(shí)施例公開(kāi)了一種網(wǎng)頁(yè)中的圖片顯示方法、裝置及終端，屬于數(shù)字圖像處理領(lǐng)域。該方法包括：在網(wǎng)頁(yè)中的圖片的顯示區(qū)域創(chuàng)建與顯示區(qū)域大小相同的畫(huà)布；獲取圖片的待渲染數(shù)據(jù)，并根據(jù)屏幕分辨率調(diào)整獲取到的圖片的待渲染數(shù)據(jù)；在創(chuàng)建的畫(huà)布中渲染調(diào)整后的圖片的待渲染數(shù)據(jù)，在網(wǎng)頁(yè)中顯示圖片。本發(fā)明通過(guò)在網(wǎng)頁(yè)中的圖片的顯示區(qū)域創(chuàng)建與該顯示區(qū)域大小相同的畫(huà)布，并在獲取圖片的待渲染數(shù)據(jù)后，根據(jù)屏幕分辨率調(diào)整獲取到的圖片的待渲染數(shù)據(jù)；之后在創(chuàng)建的畫(huà)布中渲染調(diào)整后的圖片的待渲染數(shù)據(jù)，并在網(wǎng)頁(yè)中顯示圖片，從而可根據(jù)屏幕分辨率適應(yīng)性調(diào)整需要渲染的圖片的待渲染數(shù)據(jù)的大小，對(duì)于屏幕分辨率較低的顯示設(shè)備而言，顯示圖片速度快。
【專(zhuān)利說(shuō)明】網(wǎng)頁(yè)中的圖片顯示方法、裝置及終端
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及數(shù)字圖像處理領(lǐng)域，特別涉及一種網(wǎng)頁(yè)中的圖片顯示方法、裝置及終端。
【背景技術(shù)】
[0002]隨著信息技術(shù)的不斷發(fā)展，人們更加頻繁的使用移動(dòng)設(shè)備端來(lái)處理日常事務(wù)。處理日常事務(wù)經(jīng)常離不開(kāi)互聯(lián)網(wǎng)的幫助，這促使越來(lái)越多的網(wǎng)站開(kāi)始支持移動(dòng)設(shè)備端的網(wǎng)頁(yè)瀏覽。在瀏覽過(guò)程中進(jìn)行的滾動(dòng)網(wǎng)頁(yè)、縮放頁(yè)面等操作會(huì)造成移動(dòng)設(shè)備的原生應(yīng)用軟件顯示網(wǎng)頁(yè)，而網(wǎng)頁(yè)中的圖片是占用資源較多內(nèi)容之一。如何高效地對(duì)網(wǎng)頁(yè)中的圖片進(jìn)行顯示，從而快速連接互聯(lián)網(wǎng)是人們需要解決的問(wèn)題。
[0003]目前，移動(dòng)設(shè)備的原生應(yīng)用軟件有兩種對(duì)網(wǎng)頁(yè)中的圖片進(jìn)行顯示的方式，第一種方式:通過(guò)HTML (Hypertext Markup Language,超文本標(biāo)記語(yǔ)言)在圖片所在網(wǎng)頁(yè)的顯示區(qū)域創(chuàng)建圖片的占位空間；通過(guò)MG標(biāo)簽的SRC (Source，源)屬性和ALT (Alter，改變)屬性分別設(shè)置圖片的URL (Uniform Resource Locator,統(tǒng)一資源定位符)值和圖片的替代文本；向網(wǎng)絡(luò)側(cè)發(fā)送獲取圖片的待渲染數(shù)據(jù)請(qǐng)求，獲取圖片的待渲染數(shù)據(jù)；如果成功獲取圖片的待渲染數(shù)據(jù)，則根據(jù)獲取到的圖片的待渲染數(shù)據(jù)按照?qǐng)D片的原始大小在圖片所在網(wǎng)頁(yè)的顯示區(qū)域來(lái)渲染并顯示圖片。第二種方式:通過(guò)CSS (Cascading Style Sheet,樣式表)的背景圖像屬性將需要顯示的圖片放入背景；通過(guò)背景圖像屬性設(shè)置圖片的URL值；向網(wǎng)絡(luò)側(cè)發(fā)送獲取圖片的待渲染數(shù)據(jù)請(qǐng)求，獲取圖片的待渲染數(shù)據(jù)；如果成功獲取圖片的待渲染數(shù)據(jù)，則根據(jù)獲取到的圖片的待渲染數(shù)據(jù)按照?qǐng)D片的原始大小在圖片所在網(wǎng)頁(yè)的顯示區(qū)域來(lái)渲染并顯示圖片。
[0004]在實(shí)現(xiàn)本發(fā)明的過(guò)程中，發(fā)明人發(fā)現(xiàn)目前網(wǎng)頁(yè)中的圖片顯示技術(shù)至少存在以下問(wèn)題:
[0005]采用MG標(biāo)簽和CSS顯示網(wǎng)頁(yè)中的圖片時(shí)，需要按照?qǐng)D片的原始大小在圖片所在網(wǎng)頁(yè)的顯示區(qū)域來(lái)渲染并顯示圖片，對(duì)于屏幕分辨率比較低的顯示設(shè)備而言，其占用的資源過(guò)多，導(dǎo)致圖片的顯示速度較慢，因而在打開(kāi)圖片較多的網(wǎng)頁(yè)時(shí)，有可能會(huì)導(dǎo)致顯示的網(wǎng)頁(yè)出現(xiàn)卡死的現(xiàn)象。

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

[0006]為了解決目前網(wǎng)頁(yè)中的圖片顯示技術(shù)存在的問(wèn)題，本發(fā)明實(shí)施例提供了一種網(wǎng)頁(yè)中的圖片顯示方法、裝置及終端。
[0007]—方面，提供了一種網(wǎng)頁(yè)中的圖片顯示方法，所述方法包括:
[0008]在網(wǎng)頁(yè)中的圖片的顯示區(qū)域創(chuàng)建與所述顯示區(qū)域大小相同的畫(huà)布；
[0009]獲取所述圖片的待渲染數(shù)據(jù)，并根據(jù)屏幕分辨率調(diào)整獲取到的圖片的待渲染數(shù)據(jù)；
[0010]在創(chuàng)建的畫(huà)布中渲染調(diào)整后的所述圖片的待渲染數(shù)據(jù)，在所述網(wǎng)頁(yè)中顯示所述圖片。
[0011]優(yōu)選地，所述在網(wǎng)頁(yè)中的圖片的顯示區(qū)域創(chuàng)建與所述顯示區(qū)域大小相同的畫(huà)布，包括:
[0012]在加載所述網(wǎng)頁(yè)時(shí)，在所述圖片的顯示區(qū)域使用canvas參數(shù)創(chuàng)建與所述顯示區(qū)域大小相同的畫(huà)布。
[0013]優(yōu)選地，所述獲取所述圖片的待渲染數(shù)據(jù)，包括:
[0014]使用圖像接口向網(wǎng)絡(luò)側(cè)發(fā)送加載所述圖片的HTTP (Hyper Text TransportProtocol,超文本傳輸協(xié)議)請(qǐng)求,所述HTTP請(qǐng)求中攜帶所述圖片對(duì)應(yīng)的URL ；
[0015]接收所述網(wǎng)絡(luò)側(cè)根據(jù)所述HTTP請(qǐng)求返回的所述圖片的待渲染數(shù)據(jù)。
[0016]優(yōu)選地，所述獲取所述圖片的待渲染數(shù)據(jù)之后，包括:
[0017]將所述獲取到的圖片的待渲染數(shù)據(jù)存儲(chǔ)到腳本文件中；
[0018]所述在創(chuàng)建的畫(huà)布中渲染調(diào)整后的所述圖片的待渲染數(shù)據(jù)之后，還包括:
[0019]從所述腳本文件中讀出所述獲取到的圖片的待渲染數(shù)據(jù)，在顯示的畫(huà)布中渲染所述獲取到的圖片的待渲染數(shù)據(jù)。
[0020]優(yōu)選地，所述根據(jù)屏幕分辨率調(diào)整獲取到的圖片的待渲染數(shù)據(jù)，還包括:
[0021]根據(jù)屏幕分辨率調(diào)整獲取到的圖片的分辨率，得到分辨率調(diào)整后的圖片的待渲染數(shù)據(jù)，并將分辨率調(diào)整后的圖片的待渲染數(shù)據(jù)作為調(diào)整后的所述圖片的待渲染數(shù)據(jù)。
[0022]另一方面，提供了一種網(wǎng)頁(yè)中的圖片顯示裝置，所述裝置包括:
[0023]創(chuàng)建模塊，用于在網(wǎng)頁(yè)中的圖片的顯示區(qū)域創(chuàng)建與所述顯示區(qū)域大小相同的畫(huà)布；
[0024]獲取模塊，用于獲取所述圖片的待渲染數(shù)據(jù)；
[0025]調(diào)整模塊，用于根據(jù)屏幕分辨率調(diào)整獲取到的圖片的待渲染數(shù)據(jù)；
[0026]渲染模塊，用于在創(chuàng)建的畫(huà)布中渲染調(diào)整后的所述圖片的待渲染數(shù)據(jù)；
[0027]顯示模塊，用于在網(wǎng)頁(yè)中顯示所述圖片。
[0028]優(yōu)選地，所述創(chuàng)建模塊，用于在加載所述網(wǎng)頁(yè)時(shí)，在所述圖片的顯示區(qū)域使用canvas參數(shù)創(chuàng)建與所述顯示區(qū)域大小相同的畫(huà)布。
[0029]優(yōu)選地，所述獲取模塊，包括:
[0030]發(fā)送單元，用于使用圖像接口向網(wǎng)絡(luò)側(cè)發(fā)送加載所述圖片的HTTP請(qǐng)求，所述HTTP請(qǐng)求中攜帶所述圖片對(duì)應(yīng)的URL ；
[0031]接收單元，用于接收所述網(wǎng)絡(luò)側(cè)根據(jù)所述HTTP請(qǐng)求返回的所述圖片的待渲染數(shù)據(jù)。
[0032]優(yōu)選地，所述終端，還包括:
[0033]存儲(chǔ)模塊，用于將所述獲取到的圖片的待渲染數(shù)據(jù)存儲(chǔ)到腳本文件中；
[0034]所述渲染模塊，用于從所述腳本文件中讀出所述圖片的待渲染數(shù)據(jù)，并根據(jù)屏幕分辨率調(diào)整讀出的圖片的待渲染數(shù)據(jù)，在創(chuàng)建的畫(huà)布中渲染所述調(diào)整后的圖片的待渲染數(shù)據(jù)。
[0035]優(yōu)選地，調(diào)整模塊，用于根據(jù)屏幕分辨率調(diào)整獲取到的圖片的分辨率，得到分辨率調(diào)整后的圖片的待渲染數(shù)據(jù)，并將分辨率調(diào)整后的圖片的待渲染數(shù)據(jù)作為調(diào)整后的所述圖片的待渲染數(shù)據(jù)。[0036]還提供了一種終端，所述終端有存儲(chǔ)器，以及一個(gè)或者一個(gè)以上的程序，其中一個(gè)或者一個(gè)以上程序存儲(chǔ)于存儲(chǔ)器中，且經(jīng)配置以由一個(gè)或者一個(gè)以上處理器執(zhí)行所述一個(gè)或者一個(gè)以上程序包含用于進(jìn)行以下操作的指令:
[0037]在網(wǎng)頁(yè)中的圖片的顯示區(qū)域創(chuàng)建與所述顯示區(qū)域大小相同的畫(huà)布；
[0038]獲取所述圖片的待渲染數(shù)據(jù)，并根據(jù)屏幕分辨率調(diào)整獲取到的圖片的待渲染數(shù)據(jù)；
[0039]在創(chuàng)建的畫(huà)布中渲染調(diào)整后的所述圖片的待渲染數(shù)據(jù)，在所述網(wǎng)頁(yè)中顯示所述圖片。
[0040]本發(fā)明實(shí)施例提供的技術(shù)方案帶來(lái)的有益效果是:
[0041]通過(guò)在網(wǎng)頁(yè)中的圖片的顯示區(qū)域創(chuàng)建與該顯示區(qū)域大小相同的畫(huà)布，并在獲取圖片的待渲染數(shù)據(jù)后，根據(jù)屏幕分辨率調(diào)整獲取到的圖片的待渲染數(shù)據(jù)；之后在創(chuàng)建的畫(huà)布中渲染調(diào)整后的圖片的待渲染數(shù)據(jù)，并在網(wǎng)頁(yè)中顯示圖片，從而可根據(jù)屏幕分辨率適應(yīng)性調(diào)整在創(chuàng)建的畫(huà)布中渲染的圖片的待渲染數(shù)據(jù)的大小，對(duì)于屏幕分辨率比較低的顯示設(shè)備而言，其占用的資源較少，因而可加快顯示圖片的速度。
[0042]另外，通過(guò)將獲取到的圖片的待渲染數(shù)據(jù)存儲(chǔ)在腳本文件中，從而在重繪過(guò)程中，可以直接從腳本文件中讀出獲取到的圖片的待渲染數(shù)據(jù)，并在顯示的畫(huà)布中渲染獲取到的圖片的待渲染數(shù)據(jù)，而無(wú)需再向網(wǎng)絡(luò)側(cè)發(fā)送加載圖片的HTTP請(qǐng)求，進(jìn)一步減少了資源的占用，加快了顯示圖片的速度。
【專(zhuān)利附圖】

【附圖說(shuō)明】
[0043]為了更清楚地說(shuō)明本發(fā)明實(shí)施例中的技術(shù)方案，下面將對(duì)實(shí)施例描述中所需要使用的附圖作簡(jiǎn)單地介紹，顯而易見(jiàn)地，下面描述中的附圖僅僅是本發(fā)明的一些實(shí)施例，對(duì)于本領(lǐng)域普通技術(shù)人員來(lái)講，在不付出創(chuàng)造性勞動(dòng)的前提下，還可以根據(jù)這些附圖獲得其他的附圖。
[0044]圖1是本發(fā)明實(shí)施例一提供的一種網(wǎng)頁(yè)中的圖片顯示方法流程圖；
[0045]圖2是本發(fā)明實(shí)施例二提供的一種網(wǎng)頁(yè)中的圖片顯示方法流程圖；
[0046]圖3是本發(fā)明實(shí)施例二提供的一種網(wǎng)頁(yè)中的圖片顯示顯示界面示意圖；
[0047]圖4是本發(fā)明實(shí)施例三提供的一種網(wǎng)頁(yè)中的圖片顯示方法流程圖；
[0048]圖5是本發(fā)明實(shí)施例四提供的一種網(wǎng)頁(yè)中的圖片顯示裝置的結(jié)構(gòu)示意圖；
[0049]圖6是本發(fā)明實(shí)施例四提供的一種獲取模塊的內(nèi)部結(jié)構(gòu)示意圖；
[0050]圖7是本發(fā)明實(shí)施例四提供的一種網(wǎng)頁(yè)中的圖片顯示裝置的結(jié)構(gòu)示意圖；
[0051]圖8是本發(fā)明實(shí)施例五提供的一種終端的結(jié)構(gòu)示意圖。
【具體實(shí)施方式】
[0052]為使本發(fā)明的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚，下面將結(jié)合附圖對(duì)本發(fā)明實(shí)施方式作進(jìn)一步地詳細(xì)描述。
[0053]實(shí)施例一
[0054]本發(fā)明實(shí)施例提供了一種網(wǎng)頁(yè)中的圖片顯示方法，參見(jiàn)圖1，方法流程包括:
[0055]101:在網(wǎng)頁(yè)中的圖片的顯示區(qū)域創(chuàng)建與顯示區(qū)域大小相同的畫(huà)布；[0056]102:獲取圖片的待渲染數(shù)據(jù)，并根據(jù)屏幕分辨率調(diào)整獲取到的圖片的待渲染數(shù)據(jù)；
[0057]103:在創(chuàng)建的畫(huà)布中渲染調(diào)整后的圖片的待渲染數(shù)據(jù)，在所述網(wǎng)頁(yè)中顯示圖片。
[0058]本發(fā)明實(shí)施例提供的方法，通過(guò)在網(wǎng)頁(yè)中的圖片的顯示區(qū)域創(chuàng)建與該顯示區(qū)域大小相同的畫(huà)布，并在獲取圖片的待渲染數(shù)據(jù)后，根據(jù)屏幕分辨率調(diào)整獲取到的圖片的待渲染數(shù)據(jù)；之后在創(chuàng)建的畫(huà)布中渲染調(diào)整后的圖片的待渲染數(shù)據(jù)，從而可根據(jù)屏幕分辨率適應(yīng)性調(diào)整在創(chuàng)建的畫(huà)布中渲染的圖片的待渲染數(shù)據(jù)的大小，對(duì)于屏幕分辨率比較低的顯示設(shè)備而言，其占用的資源較少，因而可加快顯示圖片的速度。
[0059]實(shí)施例二
[0060]結(jié)合上述實(shí)施例一的內(nèi)容，本發(fā)明實(shí)施例提供了一種網(wǎng)頁(yè)中的圖片顯示方法。參見(jiàn)圖2，方法流程包括:
[0061]201:在網(wǎng)頁(yè)中的圖片的顯示區(qū)域創(chuàng)建與顯示區(qū)域大小相同的畫(huà)布；
[0062]針對(duì)該步驟，創(chuàng)建的畫(huà)布用于后續(xù)步驟中渲染調(diào)整后的圖片的待渲染數(shù)據(jù)。創(chuàng)建畫(huà)布的方式包括但不限于:在加載網(wǎng)頁(yè)時(shí)，在圖片的顯示區(qū)域使用canvas參數(shù)創(chuàng)建與顯示區(qū)域大小相同的畫(huà)布。需要說(shuō)明的是，由于還沒(méi)有獲取圖片的待渲染數(shù)據(jù)，所以創(chuàng)建的畫(huà)布是空白的畫(huà)布。關(guān)于創(chuàng)建畫(huà)布的方式，除了上述創(chuàng)建方式外，還可以采用其他方式創(chuàng)建，本實(shí)施例對(duì)此不作具體限定。
[0063]為了便于理解，以如圖3 (I)所示的網(wǎng)頁(yè)為例進(jìn)行說(shuō)明。例如，設(shè)圖片A為網(wǎng)頁(yè)中的圖片，圖片A的高度和寬度均為400像素。則如圖3(2)所示，在加載網(wǎng)頁(yè)時(shí)，在圖片A所在顯示區(qū)域使用canvas參數(shù)創(chuàng)建與圖片A的顯示區(qū)域大小相同的畫(huà)布A’，創(chuàng)建的畫(huà)布A’的高度和寬度均為400像素。由于還沒(méi)有獲取圖片A的待渲染數(shù)據(jù)，所以創(chuàng)建的畫(huà)布A’是空白的畫(huà)布。
[0064]202:使用圖像接口向網(wǎng)絡(luò)側(cè)發(fā)送加載圖片的HTTP請(qǐng)求，HTTP請(qǐng)求中攜帶圖片對(duì)應(yīng)的URL ；
[0065]針對(duì)該步驟，HTTP請(qǐng)求能夠完成終端和網(wǎng)絡(luò)側(cè)之間的通信。關(guān)于發(fā)送加載圖片的HTTP請(qǐng)求的方式，可使用終端的圖像接口完成向網(wǎng)絡(luò)側(cè)的服務(wù)器發(fā)送加載圖片的HTTP請(qǐng)求。進(jìn)一步地,HTTP請(qǐng)求中的內(nèi)容包括但不限于:請(qǐng)求行、消息報(bào)頭、請(qǐng)求正文等。其中，請(qǐng)求行包括但不限于:請(qǐng)求方法、URL、HTTP請(qǐng)求的協(xié)議版本、回車(chē)和換行等。
[0066]203:接收網(wǎng)絡(luò)側(cè)根據(jù)HTTP請(qǐng)求返回的圖片的待渲染數(shù)據(jù)；
[0067]網(wǎng)絡(luò)側(cè)在接收到HTTP請(qǐng)求后，將對(duì)該HTTP請(qǐng)求返回對(duì)應(yīng)的響應(yīng)，該響應(yīng)中包括但不限于關(guān)于HTTP請(qǐng)求的狀態(tài)信息以及被請(qǐng)求的內(nèi)容，在本實(shí)施例中，該被請(qǐng)求的內(nèi)容即為圖片的待渲染數(shù)據(jù)。可由終端的圖像接口接收網(wǎng)絡(luò)側(cè)根據(jù)HTTP請(qǐng)求返回的HTTP請(qǐng)求的狀態(tài)信息和圖片的待渲染數(shù)據(jù)。
[0068]204:將獲取到的圖片的待渲染數(shù)據(jù)存儲(chǔ)在腳本文件中；
[0069]該步驟為可選的優(yōu)選步驟，本實(shí)施例對(duì)將獲取到的圖片的待渲染數(shù)據(jù)存儲(chǔ)在腳本文件中的方式不進(jìn)行限定，通過(guò)將獲取到的圖片的待渲染數(shù)據(jù)存儲(chǔ)在腳本文件中，可使后續(xù)步驟重繪該圖片時(shí)，無(wú)需再向網(wǎng)絡(luò)側(cè)請(qǐng)求該圖片的待渲染數(shù)據(jù)，進(jìn)而節(jié)省因進(jìn)行網(wǎng)絡(luò)交互而占用的資源，從而加快顯示圖片的速度。
[0070]205:根據(jù)屏幕分辨率調(diào)整獲取到的圖片的待渲染數(shù)據(jù)；[0071]根據(jù)屏幕分辨率調(diào)整獲取到的圖片的待渲染數(shù)據(jù)的方式包括但不限于根據(jù)屏幕分辨率調(diào)整獲取到的圖片的待渲染數(shù)據(jù)中的圖片分辨率。需要說(shuō)明的是，屏幕分辨率就是屏幕上顯示的像素點(diǎn)個(gè)數(shù)，以水平像素點(diǎn)個(gè)數(shù)*垂直像素點(diǎn)個(gè)數(shù)的形式表示；圖片分辨率就是圖片上用于存儲(chǔ)信息的像素點(diǎn)個(gè)數(shù)，以水平像素點(diǎn)個(gè)數(shù)*垂直像素點(diǎn)個(gè)數(shù)的形式表示。在屏幕分辨率比較低的情況下，調(diào)整需要渲染的像素點(diǎn)個(gè)數(shù)時(shí)，可以舍棄圖片的待渲染數(shù)據(jù)中的不必要的像素點(diǎn)，即減少需要渲染的像素點(diǎn)個(gè)數(shù)，從而提高后續(xù)渲染的速度。
[0072]為了便于理解，以屏幕分辨率為300*300，獲取到的圖片的待渲染數(shù)據(jù)中圖片分辨率為400*400為例，則根據(jù)屏幕分辨率調(diào)整需要渲染的像素點(diǎn)個(gè)數(shù)時(shí)，可舍棄圖片的待渲染數(shù)據(jù)中的不必要像素點(diǎn)，使調(diào)整后的圖片的待渲染數(shù)據(jù)中的圖片分辨率變成300*300。
[0073]206:在創(chuàng)建的畫(huà)布中渲染調(diào)整后的圖片的待渲染數(shù)據(jù)，在網(wǎng)頁(yè)中顯示圖片；
[0074]針對(duì)該步驟，由于創(chuàng)建的畫(huà)布是在網(wǎng)頁(yè)中的圖片的顯示區(qū)域創(chuàng)建的，又由于創(chuàng)建的畫(huà)布是空白畫(huà)布，因此，通過(guò)在創(chuàng)建的畫(huà)布中渲染調(diào)整后的圖片的待渲染數(shù)據(jù)，并在網(wǎng)頁(yè)中顯示圖片，實(shí)現(xiàn)將網(wǎng)頁(yè)中的圖片進(jìn)行顯示。
[0075]其中，由于調(diào)整后的圖片的待渲染數(shù)據(jù)是根據(jù)屏幕分辨率調(diào)整的，針對(duì)圖片的原始尺寸比較大的情況，通過(guò)根據(jù)屏幕分辨率調(diào)整圖片的待渲染數(shù)據(jù)，之后再在創(chuàng)建的畫(huà)布中渲染調(diào)整后的圖片的待渲染數(shù)據(jù)，因此，達(dá)到了壓縮圖片的效果，可使圖片的顯示效果達(dá)到最優(yōu)。
[0076]進(jìn)一步地，通過(guò)上述步驟201至步驟206即完成了圖片的顯示過(guò)程。針對(duì)網(wǎng)頁(yè)刷新等需要對(duì)顯示的圖片進(jìn)行重繪的情況，本實(shí)施例提供的方法還包括后續(xù)步驟。
[0077]207:從腳本文件中讀出獲取到的圖片的待渲染數(shù)據(jù)，并根據(jù)屏幕分辨率調(diào)整讀出的圖片的待渲染數(shù)據(jù)；
[0078]具體地，由于預(yù)先已將獲取到的圖片的待渲染數(shù)據(jù)存儲(chǔ)在腳本文件中，因此，在確定需要重繪圖片時(shí)，可直接從腳本文件中讀出獲取到的圖片的待渲染數(shù)據(jù)，而無(wú)需再向網(wǎng)絡(luò)側(cè)請(qǐng)求圖片的待渲染數(shù)據(jù)，進(jìn)而節(jié)省因進(jìn)行網(wǎng)絡(luò)交互而占用的資源，從而加快顯示圖片的速度。具體實(shí)施時(shí)，可采用數(shù)據(jù)讀取的方式從腳本文件中讀出獲取到的圖片的待渲染數(shù)據(jù)的方式。
[0079]進(jìn)一步地，為了使重繪的圖片過(guò)程仍然可以根據(jù)屏幕分辨率適應(yīng)性調(diào)整，從而降低占用的資源，加快顯示圖片的速度，本實(shí)施例提供的方法在從腳本文件中讀出獲取到的圖片的待渲染數(shù)據(jù)之后，還包括根據(jù)屏幕分辨率調(diào)整讀出的圖片的待渲染數(shù)據(jù)的過(guò)程。關(guān)于根據(jù)屏幕分辨率調(diào)整讀出的圖片的待渲染數(shù)據(jù)的方式，本實(shí)施例不作具體限定，此處根據(jù)屏幕分辨率調(diào)整讀出的圖片的待渲染數(shù)據(jù)的方式與根據(jù)屏幕分辨率調(diào)整獲取到的圖片的待渲染數(shù)據(jù)的方式相同，具體可參考上述步驟205中的內(nèi)容，此處不再贅述。
[0080]208:在創(chuàng)建的畫(huà)布中渲染調(diào)整后的圖片的待渲染數(shù)據(jù)，在網(wǎng)頁(yè)中顯示圖片。
[0081]針對(duì)該步驟，在創(chuàng)建的畫(huà)布中渲染調(diào)整后的圖片的待渲染數(shù)據(jù)的方式與上述步驟206的方式相同，具體可參考上述步驟206中的內(nèi)容，此處不再贅述。
[0082]本發(fā)明實(shí)施例提供的方法，通過(guò)在網(wǎng)頁(yè)中的圖片的顯示區(qū)域創(chuàng)建與該顯示區(qū)域大小相同的畫(huà)布，并在獲取圖片的待渲染數(shù)據(jù)后，根據(jù)屏幕分辨率調(diào)整獲取到的圖片的待渲染數(shù)據(jù)；之后在創(chuàng)建的畫(huà)布中渲染調(diào)整后的圖片的待渲染數(shù)據(jù)，并在網(wǎng)頁(yè)中顯示圖片，從而可根據(jù)屏幕分辨率適應(yīng)性調(diào)整在創(chuàng)建的畫(huà)布中渲染的圖片的待渲染數(shù)據(jù)的大小，對(duì)于屏幕分辨率比較低的顯示設(shè)備而言，其占用的資源較少，因而可加快顯示圖片的速度；
[0083]通過(guò)將獲取到的圖片的待渲染數(shù)據(jù)存儲(chǔ)在腳本文件中，從而在重繪過(guò)程中，可以直接從腳本文件中讀出獲取到的圖片的待渲染數(shù)據(jù)，并對(duì)讀出的圖片的待渲染數(shù)據(jù)進(jìn)行調(diào)整后，在顯示的畫(huà)布中渲染調(diào)整后的圖片的待渲染數(shù)據(jù)，而無(wú)需再向網(wǎng)絡(luò)側(cè)發(fā)送加載圖片的HTTP請(qǐng)求，進(jìn)一步減少了資源的占用，加快了顯示圖片的速度。
[0084]實(shí)施例三
[0085]結(jié)合上述實(shí)施例一的內(nèi)容，本發(fā)明實(shí)施例提供了一種網(wǎng)頁(yè)中的圖片顯示方法。參見(jiàn)圖4，方法流程包括:
[0086]401:在網(wǎng)頁(yè)中的圖片的顯示區(qū)域創(chuàng)建與顯示區(qū)域大小相同的畫(huà)布；
[0087]針對(duì)該步驟，創(chuàng)建的畫(huà)布用于后續(xù)步驟中渲染調(diào)整后的圖片的待渲染數(shù)據(jù)。創(chuàng)建畫(huà)布的方式包括但不限于:在加載網(wǎng)頁(yè)時(shí)，在圖片的顯示區(qū)域使用canvas參數(shù)創(chuàng)建與顯示區(qū)域大小相同的畫(huà)布。需要說(shuō)明的是，由于還沒(méi)有獲取圖片的待渲染數(shù)據(jù)，所以創(chuàng)建的畫(huà)布是空白的畫(huà)布。關(guān)于創(chuàng)建畫(huà)布的方式，除了上述創(chuàng)建方式外，還可以采用其他方式創(chuàng)建，本實(shí)施例對(duì)此不作具體限定。
[0088]為了便于理解，以如圖3 (I)所示的網(wǎng)頁(yè)為例進(jìn)行說(shuō)明。例如，設(shè)圖片A為網(wǎng)頁(yè)中的圖片，圖片A的高度和寬度均為400像素。則如圖3(2)所示，在加載網(wǎng)頁(yè)時(shí)，在圖片A所在顯示區(qū)域使用canvas參數(shù)創(chuàng)建與圖片A的顯示區(qū)域大小相同的畫(huà)布A’，創(chuàng)建的畫(huà)布A’的高度和寬度均為400像素。由于還沒(méi)有獲取圖片A的待渲染數(shù)據(jù)，所以創(chuàng)建的畫(huà)布A’是空白的畫(huà)布。
[0089]402:使用圖像接口向網(wǎng)絡(luò)側(cè)發(fā)送加載圖片的HTTP請(qǐng)求，HTTP請(qǐng)求中攜帶圖片對(duì)應(yīng)的URL ；
[0090]針對(duì)該步驟，HTTP請(qǐng)求能夠完成終端和網(wǎng)絡(luò)側(cè)之間的通信。關(guān)于發(fā)送加載圖片的HTTP請(qǐng)求的方式，可使用終端的圖像接口完成向網(wǎng)絡(luò)側(cè)的服務(wù)器發(fā)送加載圖片的HTTP請(qǐng)求。進(jìn)一步地,HTTP請(qǐng)求中的內(nèi)容包括但不限于:請(qǐng)求行、消息報(bào)頭、請(qǐng)求正文等。其中，請(qǐng)求行包括但不限于:請(qǐng)求方法、URL、HTTP請(qǐng)求的協(xié)議版本、回車(chē)和換行等。
[0091]403:接收網(wǎng)絡(luò)側(cè)根據(jù)HTTP請(qǐng)求返回的圖片的待渲染數(shù)據(jù)；
[0092]網(wǎng)絡(luò)側(cè)在接收到HTTP請(qǐng)求后，將對(duì)該HTTP請(qǐng)求返回對(duì)應(yīng)的響應(yīng)，該響應(yīng)中包括但不限于關(guān)于HTTP請(qǐng)求的狀態(tài)信息以及被請(qǐng)求的內(nèi)容，在本實(shí)施例中，該被請(qǐng)求的內(nèi)容即為圖片的待渲染數(shù)據(jù)?？捎山K端的圖像接口接收網(wǎng)絡(luò)側(cè)根據(jù)HTTP請(qǐng)求返回的HTTP請(qǐng)求的狀態(tài)信息和圖片的待渲染數(shù)據(jù)。
[0093]404:根據(jù)屏幕分辨率調(diào)整獲取到的圖片的待渲染數(shù)據(jù)；
[0094]根據(jù)屏幕分辨率調(diào)整獲取到的圖片的待渲染數(shù)據(jù)的方式包括但不限于根據(jù)屏幕分辨率調(diào)整獲取到的圖片的待渲染數(shù)據(jù)中的圖片分辨率。需要說(shuō)明的是，屏幕分辨率就是屏幕上顯示的像素點(diǎn)個(gè)數(shù)，以水平像素點(diǎn)個(gè)數(shù)*垂直像素點(diǎn)個(gè)數(shù)的形式表示；圖片分辨率就是圖片上用于存儲(chǔ)信息的像素點(diǎn)個(gè)數(shù)，以水平像素點(diǎn)個(gè)數(shù)*垂直像素點(diǎn)個(gè)數(shù)的形式表示。在屏幕分辨率比較低的情況下，調(diào)整需要渲染的像素點(diǎn)個(gè)數(shù)時(shí)，可以舍棄圖片的待渲染數(shù)據(jù)中的不必要的像素點(diǎn)，即減少需要渲染的像素點(diǎn)個(gè)數(shù)，從而提高后續(xù)渲染的速度。
[0095]為了便于理解，以屏幕分辨率為300*300，獲取到的圖片的待渲染數(shù)據(jù)中圖片分辨率為400*400為例，則根據(jù)屏幕分辨率調(diào)整需要渲染的像素點(diǎn)個(gè)數(shù)時(shí)，可舍棄圖片的待渲染數(shù)據(jù)中的不必要像素點(diǎn)，使調(diào)整后的圖片的待渲染數(shù)據(jù)中的圖片分辨率變成300*300。
[0096]405:將調(diào)整后的圖片的待渲染數(shù)據(jù)存儲(chǔ)到腳本文件中；
[0097]針對(duì)該步驟，本實(shí)施例不對(duì)將調(diào)整后的圖片的待渲染數(shù)據(jù)存儲(chǔ)在腳本文件中的方式進(jìn)行限定，通過(guò)將調(diào)整后的圖片的待渲染數(shù)據(jù)存儲(chǔ)在腳本文件中，可使后續(xù)步驟無(wú)需再向網(wǎng)絡(luò)側(cè)請(qǐng)求該圖片的待渲染數(shù)據(jù)，進(jìn)而節(jié)省因進(jìn)行網(wǎng)絡(luò)交互而占用的資源，從而加快顯示圖片的速度。
[0098]406:在創(chuàng)建的畫(huà)布中渲染調(diào)整后的圖片的待渲染數(shù)據(jù)，在網(wǎng)頁(yè)中顯示圖片；
[0099]針對(duì)該步驟，由于創(chuàng)建的畫(huà)布是在網(wǎng)頁(yè)中的圖片的顯示區(qū)域創(chuàng)建的，又由于創(chuàng)建的畫(huà)布是空白畫(huà)布，因此，通過(guò)在創(chuàng)建的畫(huà)布中渲染調(diào)整后的圖片的待渲染數(shù)據(jù)，并在網(wǎng)頁(yè)中顯示圖片，實(shí)現(xiàn)將網(wǎng)頁(yè)中的圖片進(jìn)行顯示。
[0100]其中，由于調(diào)整后的圖片的待渲染數(shù)據(jù)是根據(jù)屏幕分辨率調(diào)整的，針對(duì)圖片的原始尺寸比較大的情況，通過(guò)根據(jù)屏幕分辨率調(diào)整圖片的待渲染數(shù)據(jù)，之后再在創(chuàng)建的畫(huà)布中渲染調(diào)整后的圖片的待渲染數(shù)據(jù)，因此，達(dá)到了壓縮圖片的效果，可使圖片的顯示效果達(dá)到最優(yōu)。
[0101]進(jìn)一步地，通過(guò)上述步驟401至步驟406即完成了圖片的顯示過(guò)程。針對(duì)網(wǎng)頁(yè)刷新等需要對(duì)顯示的圖片進(jìn)行重繪的情況，本實(shí)施例提供的方法還包括后續(xù)步驟。
[0102]407:從腳本文件中讀出調(diào)整后的圖片的待渲染數(shù)據(jù)；
[0103]由于預(yù)先已將調(diào)整后的圖片的待渲染數(shù)據(jù)存儲(chǔ)在腳本文件中，因此，在確定需要重繪圖片時(shí)，可直接從腳本文件中讀出調(diào)整后的圖片的待渲染數(shù)據(jù)，而無(wú)需再向網(wǎng)絡(luò)側(cè)請(qǐng)求圖片的待渲染數(shù)據(jù)，也無(wú)需再對(duì)圖片的待渲染數(shù)據(jù)進(jìn)行調(diào)整，進(jìn)而節(jié)省因進(jìn)行網(wǎng)絡(luò)交互而占用的資源，從而加快顯示圖片的速度。可采用數(shù)據(jù)讀取的方式從腳本文件中讀出調(diào)整后的圖片的待渲染數(shù)據(jù)的方式。
[0104]408:在創(chuàng)建的畫(huà)布中渲染讀出的調(diào)整后的圖片的待渲染數(shù)據(jù)，并在網(wǎng)頁(yè)中顯示圖片。
[0105]針對(duì)該步驟，在創(chuàng)建的畫(huà)布中渲染讀出的調(diào)整后的圖片的待渲染數(shù)據(jù)的方式與上述步驟406的方式相同，具體可參考上述步驟406中的內(nèi)容，此處不再贅述。
[0106]本發(fā)明實(shí)施例提供的方法，通過(guò)在網(wǎng)頁(yè)中的圖片的顯示區(qū)域創(chuàng)建與該顯示區(qū)域大小相同的畫(huà)布，并在獲取圖片的待渲染數(shù)據(jù)后，根據(jù)屏幕分辨率調(diào)整獲取到的圖片的待渲染數(shù)據(jù)；之后在創(chuàng)建的畫(huà)布中渲染調(diào)整后的圖片的待渲染數(shù)據(jù)，從而可根據(jù)屏幕分辨率適應(yīng)性調(diào)整在創(chuàng)建的畫(huà)布中渲染的圖片的待渲染數(shù)據(jù)的大小，對(duì)于屏幕分辨率比較低的顯示設(shè)備而言，其占用的資源較少，因而可加快顯示圖片的速度；
[0107]通過(guò)將調(diào)整后的圖片的待渲染數(shù)據(jù)存儲(chǔ)到腳本文件中，從而在重繪過(guò)程中，可以直接從腳本文件中讀出調(diào)整后的圖片的待渲染數(shù)據(jù)，并在創(chuàng)建的畫(huà)布中渲染讀出的調(diào)整后的圖片的待渲染數(shù)據(jù)，而無(wú)需再向網(wǎng)絡(luò)側(cè)發(fā)送加載圖片的HTTP請(qǐng)求，也無(wú)需再對(duì)圖片的待渲染數(shù)據(jù)進(jìn)行調(diào)整，進(jìn)一步減少了資源的占用，加快了顯示圖片的速度。
[0108]實(shí)施例四
[0109]參見(jiàn)圖5，本發(fā)明實(shí)施例提供了一種網(wǎng)頁(yè)中的圖片顯示裝置，該裝置包括:
[0110]創(chuàng)建模塊501，用于在網(wǎng)頁(yè)中的圖片的顯示區(qū)域創(chuàng)建與顯示區(qū)域大小相同的畫(huà)布；[0111]獲取模塊502，用于獲取圖片的待渲染數(shù)據(jù)；
[0112]調(diào)整模塊503，用于根據(jù)屏幕分辨率調(diào)整獲取到的圖片的待渲染數(shù)據(jù)；
[0113]渲染模塊504，用于在創(chuàng)建的畫(huà)布中渲染調(diào)整后的圖片的待渲染數(shù)據(jù)；
[0114]顯示模塊505，用于在網(wǎng)頁(yè)中顯示圖片。
[0115]作為一種優(yōu)選實(shí)施例，創(chuàng)建模塊501，用于在加載所述網(wǎng)頁(yè)時(shí)，在圖片的顯示區(qū)域使用canvas參數(shù)創(chuàng)建與顯示區(qū)域大小相同的畫(huà)布。
[0116]作為一種優(yōu)選實(shí)施例,參見(jiàn)圖6,獲取模塊502,包括:
[0117]發(fā)送單元5021，使用圖像接口向網(wǎng)絡(luò)側(cè)發(fā)送加載圖片的HTTP請(qǐng)求，HTTP請(qǐng)求中攜帶圖片對(duì)應(yīng)的URL ；
[0118]接收單元5022，用于接收網(wǎng)絡(luò)側(cè)根據(jù)HTTP請(qǐng)求返回的圖片的待渲染數(shù)據(jù)。
[0119]作為一種優(yōu)選實(shí)施例，參見(jiàn)圖7，該終端還包括:
[0120]存儲(chǔ)模塊506，用于將獲取到的圖片的待渲染數(shù)據(jù)存儲(chǔ)到腳本文件中；
[0121]渲染模塊504，還用于從腳本文件中讀出圖片的待渲染數(shù)據(jù)，并根據(jù)屏幕分辨率調(diào)整讀出的圖片的待渲染數(shù)據(jù)，在創(chuàng)建的畫(huà)布中渲染所述調(diào)整后的圖片的待渲染數(shù)據(jù)。
[0122]作為一種優(yōu)選實(shí)施例，調(diào)整模塊503，用于根據(jù)屏幕分辨率調(diào)整獲取到的圖片的分辨率，得到分辨率調(diào)整后的圖片的待渲染數(shù)據(jù)，并將分辨率調(diào)整后的圖片的待渲染數(shù)據(jù)作為調(diào)整后的所述圖片的待渲染數(shù)據(jù)。
[0123]綜上，本發(fā)明實(shí)施例提供的終端，通過(guò)在網(wǎng)頁(yè)中的圖片的顯示區(qū)域創(chuàng)建與該顯示區(qū)域大小相同的畫(huà)布，并在獲取圖片的待渲染數(shù)據(jù)后，根據(jù)屏幕分辨率調(diào)整獲取到的圖片的待渲染數(shù)據(jù)；之后在創(chuàng)建的畫(huà)布中渲染調(diào)整后的圖片的待渲染數(shù)據(jù)，并在網(wǎng)頁(yè)中顯示圖片，從而可根據(jù)屏幕分辨率適應(yīng)性調(diào)整在創(chuàng)建的畫(huà)布中渲染的圖片的待渲染數(shù)據(jù)的大小，對(duì)于屏幕分辨率比較低的顯示設(shè)備而言，其占用的資源較少，因而可加快顯示圖片的速度。
[0124]另外，通過(guò)將獲取到的圖片的待渲染數(shù)據(jù)存儲(chǔ)在腳本文件中，從而在重繪過(guò)程中，可以直接從腳本文件中讀出獲取到的圖片的待渲染數(shù)據(jù)，并對(duì)讀出的圖片的待渲染數(shù)據(jù)進(jìn)行調(diào)整后，在顯示的畫(huà)布中渲染調(diào)整后的圖片的待渲染數(shù)據(jù)，而無(wú)需再向網(wǎng)絡(luò)側(cè)發(fā)送加載圖片的HTTP請(qǐng)求，進(jìn)一步減少了資源的占用，加快了顯示圖片的速度。
[0125]實(shí)施例五
[0126]圖8是本發(fā)明實(shí)施例提供的一種終端結(jié)構(gòu)示意圖。參見(jiàn)圖8，該終端可以用于實(shí)施上述實(shí)施例中提供的基于手勢(shì)操作的會(huì)話處理方法。其中，該終端可以為手機(jī)、平板電腦pad、穿戴式移動(dòng)設(shè)備(如智能手表)等。優(yōu)先的:
[0127]終端700可以包括通信單元110、包括有一個(gè)或一個(gè)以上計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)的存儲(chǔ)器120、輸入單元130、顯示單元140、傳感器150、音頻電路160、WiFi (wirelessfidelity，無(wú)線保真)模塊170、包括有一個(gè)或者一個(gè)以上處理核心的處理器180、以及電源190等部件。本領(lǐng)域技術(shù)人員可以理解，圖8中示出的終端設(shè)備結(jié)構(gòu)并不構(gòu)成對(duì)終端設(shè)備的限定，可以包括比圖示更多或更少的部件，或者組合某些部件，或者不同的部件布置。其中:
[0128]通信單元110可用于收發(fā)信息或通話過(guò)程中，信號(hào)的接收和發(fā)送，該通信單元110可以為RF (Radio Frequency，射頻)電路、路由器、調(diào)制解調(diào)器、等網(wǎng)絡(luò)通信設(shè)備。特別地，當(dāng)通信單元110為RF電路時(shí)，將基站的下行信息接收后，交由一個(gè)或者一個(gè)以上處理器180處理；另外，將涉及上行的數(shù)據(jù)發(fā)送給基站。通常，作為通信單元的RF電路包括但不限于天線、至少一個(gè)放大器、調(diào)諧器、一個(gè)或多個(gè)振蕩器、用戶身份模塊(SIM)卡、收發(fā)信機(jī)、耦合器、LNA(Low Noise Amplifier,低噪聲放大器)、雙工器等。此外,通信單元110還可以通過(guò)無(wú)線通信與網(wǎng)絡(luò)和其他設(shè)備通信。所述無(wú)線通信可以使用任一通信標(biāo)準(zhǔn)或協(xié)議，包括但不限于 GSM(Global System of Mobile communication,全球移動(dòng)通訊系統(tǒng))、GPRS (GeneralPacket Radio Service,通用分組無(wú)線服務(wù))、CDMA (Code Division Multiple Access,石馬分多址)、WCDMA(Wideband Code Division Multiple Access,寬帶碼分多址)、LTE(LongTerm Evolution,長(zhǎng)期演進(jìn))、電子郵件、SMS (Short Messaging Service,短消息服務(wù))等。存儲(chǔ)器120可用于存儲(chǔ)軟件程序以及模塊，處理器180通過(guò)運(yùn)行存儲(chǔ)在存儲(chǔ)器120的軟件程序以及模塊，從而執(zhí)行各種功能應(yīng)用以及數(shù)據(jù)處理。存儲(chǔ)器120可主要包括存儲(chǔ)程序區(qū)和存儲(chǔ)數(shù)據(jù)區(qū)，其中，存儲(chǔ)程序區(qū)可存儲(chǔ)操作系統(tǒng)、至少一個(gè)功能所需的應(yīng)用程序(比如聲音播放功能、圖像播放功能等)等；存儲(chǔ)數(shù)據(jù)區(qū)可存儲(chǔ)根據(jù)終端設(shè)備700的使用所創(chuàng)建的數(shù)據(jù)(比如音頻數(shù)據(jù)、電話本等)等。此外，存儲(chǔ)器120可以包括高速隨機(jī)存取存儲(chǔ)器，還可以包括非易失性存儲(chǔ)器，例如至少一個(gè)磁盤(pán)存儲(chǔ)器件、閃存器件、或其他易失性固態(tài)存儲(chǔ)器件。相應(yīng)地，存儲(chǔ)器120還可以包括存儲(chǔ)器控制器，以提供處理器180和輸入單元130對(duì)存儲(chǔ)器120的訪問(wèn)。
[0129]輸入單元130可用于接收輸入的數(shù)字或字符信息，以及產(chǎn)生與用戶設(shè)置以及功能控制有關(guān)的鍵盤(pán)、鼠標(biāo)、操作桿、光學(xué)或者軌跡球信號(hào)輸入。優(yōu)選地，輸入單元130可包括觸敏表面131以及其他輸入設(shè)備132。觸敏表面131，也稱(chēng)為觸摸顯示屏或者觸控板，可收集用戶在其上或附近的觸摸操作(比如用戶使用手指、觸筆等任何適合的物體或附件在觸敏表面131上或在觸敏表面131附近的操作)，并根據(jù)預(yù)先設(shè)定的程式驅(qū)動(dòng)相應(yīng)的連接裝置?？蛇x的，觸敏表面131可包括觸摸檢測(cè)裝置和觸摸控制器兩個(gè)部分。其中，觸摸檢測(cè)裝置檢測(cè)用戶的觸摸方位，并檢測(cè)觸摸操作帶來(lái)的信號(hào)，將信號(hào)傳送給觸摸控制器；觸摸控制器從觸摸檢測(cè)裝置上接收觸摸信息，并將它轉(zhuǎn)換成觸點(diǎn)坐標(biāo)，再送給處理器180，并能接收處理器180發(fā)來(lái)的命令并加以執(zhí)行。此外，可以采用電阻式、電容式、紅外線以及表面聲波等多種類(lèi)型實(shí)現(xiàn)觸敏表面131。除了觸敏表面131，輸入單元130還可以包括其他輸入設(shè)備132。優(yōu)選地，其他輸入設(shè)備132可以包括但不限于物理鍵盤(pán)、功能鍵(比如音量控制按鍵、開(kāi)關(guān)按鍵等)、軌跡球、鼠標(biāo)、操作桿等中的一種或多種。
[0130]顯示單元140可用于顯示由用戶輸入的信息或提供給用戶的信息以及終端700的各種圖形用戶接口，這些圖形用戶接口可以由圖形、文本、圖標(biāo)、視頻和其任意組合來(lái)構(gòu)成。顯示單元140可包括顯示面板141,可選的,可以采用LCD(Liquid Crystal Display,液晶顯示器)、OLED (Organic Light-Emitting Diode,有機(jī)發(fā)光二極管)等形式來(lái)配置顯示面板141。進(jìn)一步的,觸敏表面131可覆蓋顯示面板141，當(dāng)觸敏表面131檢測(cè)到在其上或附近的觸摸操作后，傳送給處理器180以確定觸摸事件的類(lèi)型，隨后處理器180根據(jù)觸摸事件的類(lèi)型在顯示面板141上提供相應(yīng)的視覺(jué)輸出。雖然在圖8中，觸敏表面131與顯示面板141是作為兩個(gè)獨(dú)立的部件來(lái)實(shí)現(xiàn)輸入和輸入功能,但是在某些實(shí)施例中，可以將觸敏表面131與顯示面板141集成而實(shí)現(xiàn)輸入和輸出功能。
[0131]終端700還可包括至少一種傳感器150，比如光傳感器、運(yùn)動(dòng)傳感器以及其他傳感器。優(yōu)選地，光傳感器可包括環(huán)境光傳感器及接近傳感器，其中，環(huán)境光傳感器可根據(jù)環(huán)境光線的明暗來(lái)調(diào)節(jié)顯示面板141的亮度，接近傳感器可在終端700移動(dòng)到耳邊時(shí)，關(guān)閉顯示面板141和/或背光。作為運(yùn)動(dòng)傳感器的一種，重力加速度傳感器可檢測(cè)各個(gè)方向上(一般為三軸)加速度的大小，靜止時(shí)可檢測(cè)出重力的大小及方向，可用于識(shí)別手機(jī)姿態(tài)的應(yīng)用(比如橫豎屏切換、相關(guān)游戲、磁力計(jì)姿態(tài)校準(zhǔn))、振動(dòng)識(shí)別相關(guān)功能(比如計(jì)步器、敲擊)等；至于終端700還可配置的陀螺儀、氣壓計(jì)、濕度計(jì)、溫度計(jì)、紅外線傳感器等其他傳感器，在此不再贅述。
[0132]音頻電路160、揚(yáng)聲器161，傳聲器162可提供用戶與終端700之間的音頻接口。音頻電路160可將接收到的音頻數(shù)據(jù)轉(zhuǎn)換后的電信號(hào),傳輸?shù)綋P(yáng)聲器161,由揚(yáng)聲器161轉(zhuǎn)換為聲音信號(hào)輸出；另一方面，傳聲器162將收集的聲音信號(hào)轉(zhuǎn)換為電信號(hào)，由音頻電路160接收后轉(zhuǎn)換為音頻數(shù)據(jù)，再將音頻數(shù)據(jù)輸出處理器180處理后，經(jīng)RF電路110以發(fā)送給比如另一終端設(shè)備，或者將音頻數(shù)據(jù)輸出至存儲(chǔ)器120以便進(jìn)一步處理。音頻電路160還可能包括耳塞插孔，以提供外設(shè)耳機(jī)與終端設(shè)備700的通信。
[0133]為了實(shí)現(xiàn)無(wú)線通信，該終端設(shè)備上可以配置有無(wú)線通信單元170，該無(wú)線通信單元170可以為WiFi模塊。WiFi屬于短距離無(wú)線傳輸技術(shù)，終端700通過(guò)無(wú)線通信單元170可以幫助用戶收發(fā)電子郵件、瀏覽網(wǎng)頁(yè)和訪問(wèn)流式媒體等，它為用戶提供了無(wú)線的寬帶互聯(lián)網(wǎng)訪問(wèn)。雖然圖8示出了無(wú)線通信單元170，但是可以理解的是，其并不屬于終端700的必須構(gòu)成，完全可以根據(jù)需要在不改變發(fā)明的本質(zhì)的范圍內(nèi)而省略。
[0134]處理器180是終端700的控制中心，利用各種接口和線路連接整個(gè)手機(jī)的各個(gè)部分，通過(guò)運(yùn)行或執(zhí)行存儲(chǔ)在存儲(chǔ)器120內(nèi)的軟件程序和/或模塊，以及調(diào)用存儲(chǔ)在存儲(chǔ)器120內(nèi)的數(shù)據(jù)，執(zhí)行終端700的各種功能和處理數(shù)據(jù)，從而對(duì)手機(jī)進(jìn)行整體監(jiān)控?？蛇x的，處理器180可包括一個(gè)或多個(gè)處理核心；優(yōu)選的，處理器180可集成應(yīng)用處理器和調(diào)制解調(diào)處理器，其中，應(yīng)用處理器主要處理操作系統(tǒng)、用戶界面和應(yīng)用程序等，調(diào)制解調(diào)處理器主要處理無(wú)線通信?？梢岳斫獾氖?，上述調(diào)制解調(diào)處理器也可以不集成到處理器180中。
[0135]終端700還包括給各個(gè)部件供電的電源190 (比如電池)，優(yōu)選的，電源可以通過(guò)電源管理系統(tǒng)與處理器180邏輯相連，從而通過(guò)電源管理系統(tǒng)實(shí)現(xiàn)管理充電、放電、以及功耗管理等功能。電源190還可以包括一個(gè)或一個(gè)以上的直流或交流電源、再充電系統(tǒng)、電源故障檢測(cè)電路、電源轉(zhuǎn)換器或者逆變器、電源狀態(tài)指示器等任意組件。
[0136]盡管未示出，終端700還可以包括攝像頭、藍(lán)牙模塊等，在此不再贅述。具體在本實(shí)施例中，終端設(shè)備的顯示單元是觸摸屏顯示器，該終端包括有存儲(chǔ)器，以及一個(gè)或者一個(gè)以上的程序，其中一個(gè)或者一個(gè)以上程序存儲(chǔ)于存儲(chǔ)器中，且經(jīng)配置以由一個(gè)或者一個(gè)以上處理器執(zhí)行所述一個(gè)或者一個(gè)以上程序包含用于進(jìn)行以下操作的指令:
[0137]在網(wǎng)頁(yè)中的圖片的顯示區(qū)域創(chuàng)建與顯示區(qū)域大小相同的畫(huà)布；
[0138]獲取圖片的待渲染數(shù)據(jù)，并根據(jù)屏幕分辨率調(diào)整獲取到的圖片的待渲染數(shù)據(jù)；
[0139]在創(chuàng)建的畫(huà)布中渲染調(diào)整后的圖片的待渲染數(shù)據(jù)，在網(wǎng)頁(yè)中顯示圖片。
[0140]可選地，存儲(chǔ)器還包括進(jìn)行以下操作的指令:在加載網(wǎng)頁(yè)時(shí)，在圖片的顯示區(qū)域使用canvas參數(shù)創(chuàng)建與所述顯示區(qū)域大小相同的畫(huà)布。
[0141]可選地，存儲(chǔ)器還包括進(jìn)行以下操作的指令:獲取圖片的待渲染數(shù)據(jù)，包括:使用圖像接口向網(wǎng)絡(luò)側(cè)發(fā)送加載所述圖片的超文本傳輸協(xié)議HTTP請(qǐng)求，HTTP請(qǐng)求中攜帶圖片對(duì)應(yīng)的統(tǒng)一資源定位符URL ;接收網(wǎng)絡(luò)側(cè)根據(jù)HTTP請(qǐng)求返回的圖片的待渲染數(shù)據(jù)。[0142]可選地，存儲(chǔ)器還包括進(jìn)行以下操作的指令:獲取所述圖片的待渲染數(shù)據(jù)之后，還包括:將獲取到的圖片的待渲染數(shù)據(jù)存儲(chǔ)到腳本文件中；在創(chuàng)建的畫(huà)布中渲染調(diào)整后的圖片的待渲染數(shù)據(jù)，包括:從腳本文件中讀出圖片的待渲染數(shù)據(jù)，并根據(jù)屏幕分辨率調(diào)整讀出的圖片的待渲染數(shù)據(jù)，在創(chuàng)建的畫(huà)布中渲染調(diào)整后的圖片的待渲染數(shù)據(jù)。
[0143]可選地，存儲(chǔ)器還包括進(jìn)行以下操作的指令:根據(jù)屏幕分辨率調(diào)整獲取到的圖片的待渲染數(shù)據(jù)，包括:根據(jù)屏幕分辨率調(diào)整獲取到的圖片的分辨率，得到分辨率調(diào)整后的圖片的待渲染數(shù)據(jù)，并將分辨率調(diào)整后的圖片的待渲染數(shù)據(jù)作為調(diào)整后的圖片的待渲染數(shù)據(jù)。
[0144]綜上，本發(fā)明實(shí)施例提供的網(wǎng)頁(yè)中的終端，通過(guò)在網(wǎng)頁(yè)中的圖片的顯示區(qū)域創(chuàng)建與該顯示區(qū)域大小相同的畫(huà)布，并在獲取圖片的待渲染數(shù)據(jù)后，根據(jù)屏幕分辨率調(diào)整獲取到的圖片的待渲染數(shù)據(jù)；之后在創(chuàng)建的畫(huà)布中渲染調(diào)整后的圖片的待渲染數(shù)據(jù)，并在網(wǎng)頁(yè)中顯示圖片，從而可根據(jù)屏幕分辨率適應(yīng)性調(diào)整在創(chuàng)建的畫(huà)布中渲染的圖片的待渲染數(shù)據(jù)的大小，對(duì)于屏幕分辨率比較低的顯示設(shè)備而言，其占用的資源較少，因而可加快顯示圖片的速度。
[0145]需要說(shuō)明的是:上述實(shí)施例提供的網(wǎng)頁(yè)中的圖片顯示終端在顯示網(wǎng)頁(yè)中的圖片時(shí)，僅以上述各功能模塊的劃分進(jìn)行舉例說(shuō)明，實(shí)際應(yīng)用中，可以根據(jù)需要而將上述功能分配由不同的功能模塊完成，即將終端的內(nèi)部結(jié)構(gòu)劃分成不同的功能模塊，以完成以上描述的全部或者部分功能。另外，上述實(shí)施例提供的網(wǎng)頁(yè)中的圖片顯示終端與網(wǎng)頁(yè)中的圖片顯示方法實(shí)施例屬于同一構(gòu)思，其具體實(shí)現(xiàn)過(guò)程詳見(jiàn)方法實(shí)施例，這里不再贅述。
[0146]上述本發(fā)明實(shí)施例序號(hào)僅僅為了描述，不代表實(shí)施例的優(yōu)劣。
[0147]本領(lǐng)域普通技術(shù)人員可以理解實(shí)現(xiàn)上述實(shí)施例的全部或部分步驟可以通過(guò)硬件來(lái)完成，也可以通過(guò)程序來(lái)指令相關(guān)的硬件完成，所述的程序可以存儲(chǔ)于一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)中，上述提到的存儲(chǔ)介質(zhì)可以是只讀存儲(chǔ)器，磁盤(pán)或光盤(pán)等。
[0148]以上所述僅為本發(fā)明的較佳實(shí)施例，并不用以限制本發(fā)明，凡在本發(fā)明的精神和原則之內(nèi)，所作的任何修改、等同替換、改進(jìn)等，均應(yīng)包含在本發(fā)明的保護(hù)范圍之內(nèi)。
【權(quán)利要求】
1.一種網(wǎng)頁(yè)中的圖片顯示方法，其特征在于，所述方法包括: 在網(wǎng)頁(yè)中的圖片的顯示區(qū)域創(chuàng)建與所述顯示區(qū)域大小相同的畫(huà)布； 獲取所述圖片的待渲染數(shù)據(jù)，并根據(jù)屏幕分辨率調(diào)整獲取到的圖片的待渲染數(shù)據(jù)； 在創(chuàng)建的畫(huà)布中渲染調(diào)整后的所述圖片的待渲染數(shù)據(jù)，在所述網(wǎng)頁(yè)中顯示所述圖片。
2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述在網(wǎng)頁(yè)中的圖片的顯示區(qū)域創(chuàng)建與所述顯示區(qū)域大小相同的畫(huà)布，包括: 在加載所述網(wǎng)頁(yè)時(shí)，在所述圖片的顯示區(qū)域使用canvas參數(shù)創(chuàng)建與所述顯示區(qū)域大小相同的畫(huà)布。
3.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述獲取所述圖片的待渲染數(shù)據(jù)，包括: 使用圖像接口向網(wǎng)絡(luò)側(cè)發(fā)送加載所述圖片的超文本傳輸協(xié)議HTTP請(qǐng)求，所述HTTP請(qǐng)求中攜帶所述圖片對(duì)應(yīng)的統(tǒng)一資源定位符URL ； 接收所述網(wǎng)絡(luò)側(cè)根據(jù)所述HTTP請(qǐng)求返回的所述圖片的待渲染數(shù)據(jù)。
4.根據(jù)權(quán)利要求1至3中任一權(quán)利要求所述的方法，其特征在于，所述獲取所述圖片的待渲染數(shù)據(jù)之后，還包括: 將所述獲取到的圖片的待渲染數(shù)據(jù)存儲(chǔ)到腳本文件中； 所述在創(chuàng)建的畫(huà)布中渲染調(diào)整后的所述圖片的待渲染數(shù)據(jù)，包括: 從所述腳本文件中讀出所述圖片的待渲染數(shù)據(jù)，并根據(jù)屏幕分辨率調(diào)整所述讀出的圖片的待渲染數(shù)據(jù)，在創(chuàng)建的畫(huà)布中渲染所述調(diào)整后的圖片的待渲染數(shù)據(jù)。
5.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述根據(jù)屏幕分辨率調(diào)整獲取到的圖片的待渲染數(shù)據(jù)，包括: 根據(jù)屏幕分辨率調(diào)整獲取到的圖片的分辨率，得到分辨率調(diào)整后的圖片的待渲染數(shù)據(jù)，并將分辨率調(diào)整后的圖片的待渲染數(shù)據(jù)作為調(diào)整后的所述圖片的待渲染數(shù)據(jù)。
6.一種網(wǎng)頁(yè)中的圖片顯示裝置，其特征在于，所述裝置包括: 創(chuàng)建模塊，用于在網(wǎng)頁(yè)中的圖片的顯示區(qū)域創(chuàng)建與所述顯示區(qū)域大小相同的畫(huà)布； 獲取模塊，用于獲取所述圖片的待渲染數(shù)據(jù)； 調(diào)整模塊，用于根據(jù)屏幕分辨率調(diào)整獲取到的圖片的待渲染數(shù)據(jù)； 渲染模塊，用于在創(chuàng)建的畫(huà)布中渲染調(diào)整后的所述圖片的待渲染數(shù)據(jù)； 顯示模塊，用于在網(wǎng)頁(yè)中顯示所述圖片。
7.根據(jù)權(quán)利要求6所述的裝置，其特征在于，所述創(chuàng)建模塊，用于在加載所述網(wǎng)頁(yè)時(shí)，在所述圖片的顯示區(qū)域使用canvas參數(shù)創(chuàng)建與所述顯示區(qū)域大小相同的畫(huà)布。
8.根據(jù)權(quán)利要求6所述的裝置，其特征在于，所述獲取模塊，包括: 發(fā)送單元，用于使用圖像接口向網(wǎng)絡(luò)側(cè)發(fā)送加載所述圖片的HTTP請(qǐng)求，所述HTTP請(qǐng)求中攜帶所述圖片對(duì)應(yīng)的統(tǒng)一資源定位符URL ； 接收單元，用于接收所述網(wǎng)絡(luò)側(cè)根據(jù)所述HTTP請(qǐng)求返回的所述圖片的待渲染數(shù)據(jù)。
9.根據(jù)權(quán)利要求6至8中任一權(quán)利要求所述的裝置，其特征在于，所裝置還包括: 存儲(chǔ)模塊，用于將所述獲取到的圖片的待渲染數(shù)據(jù)存儲(chǔ)到腳本文件中； 所述渲染模塊，用于從所述腳本文件中讀出所述圖片的待渲染數(shù)據(jù)，并根據(jù)屏幕分辨率調(diào)整所述讀出的圖片的待渲染數(shù)據(jù)，在創(chuàng)建的畫(huà)布中渲染所述調(diào)整后的圖片的待渲染數(shù)據(jù)。
10.根據(jù)權(quán)利要求6所述的裝置，其特征在于，所述調(diào)整模塊，用于根據(jù)屏幕分辨率調(diào)整獲取到的圖片的分辨率，得到分辨率調(diào)整后的圖片的待渲染數(shù)據(jù)，并將分辨率調(diào)整后的圖片的待渲染數(shù)據(jù)作為調(diào)整后的所述圖片的待渲染數(shù)據(jù)。
11.一種終端，其特征在于，所述終端包括有存儲(chǔ)器，以及一個(gè)或者一個(gè)以上的程序，其中一個(gè)或者一個(gè)以上程序存儲(chǔ)于存儲(chǔ)器中，且經(jīng)配置以由一個(gè)或者一個(gè)以上處理器執(zhí)行所述一個(gè)或者一個(gè)以上程序包含用于進(jìn)行以下操作的指令: 在網(wǎng)頁(yè)中的圖片的顯示區(qū)域創(chuàng)建與所述顯示區(qū)域大小相同的畫(huà)布； 獲取所述圖片的待渲染數(shù)據(jù)，并根據(jù)屏幕分辨率調(diào)整獲取到的圖片的待渲染數(shù)據(jù)； 在創(chuàng)建的畫(huà)布中渲染調(diào) 整后的所述圖片的待渲染數(shù)據(jù)，在所述網(wǎng)頁(yè)中顯示所述圖片。
【文檔編號(hào)】G06F17/30GK103455571SQ201310362329
【公開(kāi)日】2013年12月18日 申請(qǐng)日期:2013年8月19日 優(yōu)先權(quán)日:2013年8月19日
【發(fā)明者】任遠(yuǎn), 姚麗梅, 王宗妮 申請(qǐng)人:小米科技有限責(zé)任公司