本發(fā)明涉及圖像處理領(lǐng)域，尤其涉及一種圖像展示區(qū)域的形狀設(shè)置方法及裝置。

背景技術(shù)：

一般情況下，手機(jī)或電腦客戶端程序中，窗口組件的展示區(qū)域為直角矩形區(qū)域，計算機(jī)程序可通過定義矩形區(qū)域的頂點或長寬即可確定直角矩形的展示區(qū)域，但在一些應(yīng)用場景中，為了適配操作系統(tǒng)或應(yīng)用頁面的主題風(fēng)格，如圖1所示，視頻展示區(qū)域需要被設(shè)計為圓角矩形的外觀，現(xiàn)有技術(shù)中的常見做法就是使用cpu對視頻幀進(jìn)行邊角的裁減。

參考圖2所示，對于圓角區(qū)域，需要先在圓角區(qū)域生成n個三角形，通過這n個三角形的底邊來逼近圓角，三角形n的數(shù)量若較少，則視覺觀感上就會出現(xiàn)鋸齒狀的邊緣紋路，而三角形n的數(shù)量越多，則圓角越平滑，視覺觀感上則越不會出現(xiàn)鋸齒狀的紋路。

為此，為了防止圓角矩形的圓角區(qū)域不會出現(xiàn)鋸齒狀的紋路，從而達(dá)到較好的視覺效果，傳統(tǒng)技術(shù)中通常需要使用cpu資源生成較多的三角形，這樣就非常消耗cpu的使用率。

技術(shù)實現(xiàn)要素：

基于此，為了實現(xiàn)圓角矩陣的圖像展示區(qū)域，或者實現(xiàn)任意形狀的圖像展示區(qū)域，并保證較低的處理器和內(nèi)存的使用率，提高計算機(jī)資源的利用率，特提出了一種圖像展示區(qū)域的形狀設(shè)置方法。

一種圖像展示區(qū)域的形狀設(shè)置方法，包括：

獲取圖像待展示區(qū)域的紋理區(qū)域和頂點坐標(biāo)；

調(diào)用圖形程序接口，將所述頂點坐標(biāo)輸入至圖形處理器gpu的頂點著色器中；

獲取與所述頂點著色器對應(yīng)的像素著色器；

采樣目標(biāo)圖像中位置屬于所述紋理區(qū)域的像素點的像素值，通過所述像素著色器將所述像素值渲染到所述紋理區(qū)域中相應(yīng)的位置。

此外，為了實現(xiàn)圓角矩陣的圖像展示區(qū)域，或者實現(xiàn)任意形狀的圖像展示區(qū)域，并保證較低的處理器和內(nèi)存的使用率，提高計算機(jī)資源的利用率，還特提出了一種圖像展示區(qū)域的形狀設(shè)置裝置。

一種圖像展示區(qū)域的形狀設(shè)置裝置，包括：

紋理區(qū)域確定模塊，用于獲取圖像待展示區(qū)域的紋理區(qū)域和頂點坐標(biāo)；

頂點著色器處理模塊，用于調(diào)用圖形程序接口，將所述頂點坐標(biāo)輸入至圖形處理器gpu的頂點著色器中；

像素著色器獲取模塊，用于獲取與所述頂點著色器對應(yīng)的像素著色器；

圖像渲染模塊，用于采樣目標(biāo)圖像中位置屬于所述紋理區(qū)域的像素點的像素值，通過所述像素著色器將所述像素值渲染到所述紋理區(qū)域中相應(yīng)的位置。

實施本發(fā)明實施例，將具有如下有益效果：

采用了上述圖像展示區(qū)域的形狀設(shè)置方法及裝置之后，可通過調(diào)用圖形處理接口使得cpu向gpu發(fā)出指令，指示gpu利用頂點著色器和相應(yīng)的像素著色器，在頂點坐標(biāo)限定的區(qū)域中按照預(yù)輸入的紋理區(qū)域?qū)δ繕?biāo)圖像進(jìn)行繪制，這樣就使的gpu通過圖形處理接口返回的圖像具有與紋理區(qū)域?qū)?yīng)的形狀，從而對圖像展示區(qū)域的形狀進(jìn)行了設(shè)置。上述過程中，圖像處理過程由gpu分擔(dān)，而不需要cpu生成多個三角形來逼近圓弧的曲線，因此降低了cpu的使用率，節(jié)省了計算資源。

另外，上述圖像展示區(qū)域的形狀設(shè)置方法也可適用于定義成任意形狀的紋理區(qū)域，由于設(shè)置形狀的方式并不是采用的多邊形的直邊近似的方式，因此抗鋸齒的效果更加明顯。

附圖說明

為了更清楚地說明本發(fā)明實施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對實施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的一些實施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據(jù)這些附圖獲得其他的附圖。

其中：

圖1為一個實施例中圓角矩陣視頻播放界面的示意圖；

圖2為一個實施例中cpu在矩陣直角處生成三角形逼近圓弧的原理示意圖；

圖3為一個實施例中一種圖像展示區(qū)域的形狀設(shè)置方法的流程示意圖；

圖4為一個實施例中內(nèi)切于頂點限定的矩形的圓形的紋理區(qū)域的示意圖；

圖5為一個實施例中cpu通過調(diào)用opengl指示gpu工作的示意圖；

圖6為一個實施例中opengl中的渲染管線的執(zhí)行過程示意圖；

圖7為一個實施例中像素著色點根據(jù)目標(biāo)圖像繪制紋理區(qū)域的原理示意圖；

圖8為一個實施例中像素著色點根據(jù)目標(biāo)圖像繪制紋理區(qū)域的流程圖；

圖9為一個實施例中對邊緣區(qū)域進(jìn)行原色到透明的漸變處理的示意圖；

圖10為一個實施例中一種圖像展示區(qū)域的形狀設(shè)置裝置的結(jié)構(gòu)示意圖；

圖11為一個實施例中運行前述圖像展示區(qū)域的形狀設(shè)置方法的計算機(jī)設(shè)備的結(jié)構(gòu)示意圖。

具體實施方式

下面將結(jié)合本發(fā)明實施例中的附圖，對本發(fā)明實施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實施例僅僅是本發(fā)明一部分實施例，而不是全部的實施例?；诒景l(fā)明中的實施例，本領(lǐng)域普通技術(shù)人員在沒有作出創(chuàng)造性勞動前提下所獲得的所有其他實施例，都屬于本發(fā)明保護(hù)的范圍。

為了實現(xiàn)圓角矩陣的圖像展示區(qū)域，或者實現(xiàn)任意形狀的圖像展示區(qū)域，并保證較低的處理器和內(nèi)存的使用率，提高計算機(jī)資源的利用率，在本實施例中，特提出了一種圖像展示區(qū)域的形狀設(shè)置方法，該方法的實現(xiàn)可依賴于計算機(jī)程序，該計算機(jī)程序可運行于基于馮諾依曼體系的計算機(jī)系統(tǒng)之上，該計算機(jī)系統(tǒng)包括中央處理器cpu和圖形處理器gpu，該計算機(jī)程序可以是圖片管理程序、視頻播放器程序或視頻播放器的插件程序，該計算機(jī)程序可由中央處理器cpu執(zhí)行，該計算機(jī)程序可通過調(diào)用圖形處理接口opengl(opengraphicslibrary)控制cpu向gpu發(fā)送計算機(jī)指令，以指示圖形處理器gpu執(zhí)行相應(yīng)的圖形處理業(yè)務(wù)。

本發(fā)明實施例在實現(xiàn)圓角矩陣的圖像展示區(qū)域時，不需要使用cpu在矩形角處生成多個三角形，而是通過調(diào)用圖形處理接口opengl，將繪制圓角矩陣的圖像的任務(wù)交給gpu來實現(xiàn)，這樣就使的gpu分擔(dān)了cpu的處理任務(wù)，從而降低了cpu的使用率。另外，本方法并不限于實現(xiàn)圓角矩陣的圖像展示區(qū)域，還可實現(xiàn)任意形狀的圖像展示區(qū)域。

具體的，如圖3所示，在一個實施例中，以圓形的圖像展示區(qū)域為例詳細(xì)闡述上述圖像展示區(qū)域的形狀設(shè)置方法，該包括：

步驟s102：獲取圖像待展示區(qū)域的紋理區(qū)域和頂點坐標(biāo)。

為了設(shè)置圓形的圖像展示區(qū)域，先需要確定包含該圓形的圖像展示區(qū)域的矩形區(qū)域。如圖4所示，需要設(shè)置的圖像展示區(qū)域為圓形，則需要先確定包含圖像展示區(qū)域的矩形abcd的位置，然后再在矩形abcd中確定圓形的紋理區(qū)域。

也就是說，可先通過頂點坐標(biāo)確定一個矩形區(qū)域，然后再在該矩形區(qū)域中定義它的內(nèi)切圓為紋理區(qū)域，該內(nèi)切圓的紋理區(qū)域即為作為圖像展示區(qū)域的圓形區(qū)域。需要說明的是，在其他實施例中，紋理區(qū)域也可以是該頂點坐標(biāo)確定的2區(qū)域中包含的任意子區(qū)域，并不限定于內(nèi)切的子區(qū)域。

在本實施例中，頂點坐標(biāo)可由執(zhí)行本方法的計算機(jī)程序根據(jù)程序中定義的像素坐標(biāo)、配置文件中定義的像素坐標(biāo)或用戶輸入的像素坐標(biāo)獲得。例如，開發(fā)人員可預(yù)先通過頂點坐標(biāo)定義矩形區(qū)域或其他多邊形區(qū)域，并記錄在程序文件或配置文件中，當(dāng)執(zhí)行本方法的計算機(jī)程序在運行時，通過讀取程序文件或配置文件即可得到頂點的位置。頂點坐標(biāo)的作用是用于指示gpu對頂點坐標(biāo)限定的區(qū)域進(jìn)行坐標(biāo)轉(zhuǎn)換和像素渲染。

頂點坐標(biāo)確定的矩形區(qū)域中的紋理區(qū)域也可由坐標(biāo)來定義，如上例中，對于圓形的像素展示區(qū)域，可定義原點的坐標(biāo)和半徑，執(zhí)行本方法的計算機(jī)程序通過該原點的坐標(biāo)和半徑即可確定紋理區(qū)域。

步驟s104：調(diào)用圖形程序接口，將頂點坐標(biāo)輸入至圖形處理器gpu的頂點著色器中。

步驟s106：獲取與頂點著色器對應(yīng)的像素著色器。

圖形程序接口opengl(opengraphicslibrary)被當(dāng)作客戶端-服務(wù)器系統(tǒng)來實現(xiàn)的，應(yīng)用程序是客戶端，圖形硬件廠商提供的opengl實現(xiàn)是服務(wù)器。如圖5所示，客戶端程序需要調(diào)用opengl的接口實現(xiàn)圖形的渲染，那么opengl命令和數(shù)據(jù)會緩存在內(nèi)存ram(randomaccessmemory)中，在一定條件下，會將這些命令和數(shù)據(jù)通過cpu時鐘發(fā)送到顯存vram(videorandomaccessmemory)，在gpu的控制下，使用vram中的數(shù)據(jù)和命令，完成圖形的渲染，并將結(jié)果存入幀緩沖區(qū)中，幀緩沖區(qū)中的幀最終會被發(fā)送到顯示器上，顯示出結(jié)果。也就是說，opengl為應(yīng)用程序訪問gpu資源的調(diào)用接口。

著色器(shader)為opengl中定義的概念，主要包括頂點著色器(vertexshader)和像素著色器(pixelshader)。頂點著色器可以理解為如何處理頂點、法線等的數(shù)據(jù)的小程序；像素著色器可以理解為為如何處理光、陰影、遮擋、環(huán)境等等對物體表面的影響，最終生成一副圖像的小程序。若需要渲染某個區(qū)域的圖像，則需要先創(chuàng)建頂點著色器程序來確定渲染的區(qū)域的范圍和空間變換后的形狀(3d轉(zhuǎn)2d)，然后再創(chuàng)建與該頂點著色器對應(yīng)的像素著色器來對該區(qū)域中的光、陰影、遮擋、環(huán)境等紋理特征進(jìn)行渲染。開發(fā)人員可通過opengl著色器語言glsl(openglshadinglanguage)來定義頂點著色器程序和像素著色器程序。

具體的參考圖6所示，圖6展示了調(diào)用opengl的渲染管線(graphicspipeline)的全過程，渲染管線為gpu進(jìn)行圖像渲染的一個流程，當(dāng)gpu對顯示界面上的一個獨立區(qū)域進(jìn)行圖像渲染時，需要先將頂點坐標(biāo)輸入到頂點著色器中，確定圖像渲染的范圍，期間會經(jīng)過圖元裝配(primitiveassembly)和光柵化(或稱像素化，rasterization)的過程，然后生成與該渲染范圍的像素著色器。然后再將紋理特征texture輸入到像素著色器中，使得像素著色器根據(jù)該紋理特征對該渲染范圍內(nèi)的像素點進(jìn)行渲染，最終生成圖像幀，通過opengl接口返回給調(diào)用的應(yīng)用程序。

也就是說，執(zhí)行本方法的計算機(jī)程序可先調(diào)用opengl的頂點著色器程序確定需要gpu處理進(jìn)行渲染的背景區(qū)域(可以是矩形的也可以是多邊形的)，然后再通過調(diào)用與該頂點著色器對應(yīng)的像素著色器程序根據(jù)前述確定的紋理區(qū)域進(jìn)行渲染，而渲染的內(nèi)容即為需要展示的圖像。

步驟s108：采樣目標(biāo)圖像中位置屬于紋理區(qū)域的像素點的像素值，通過像素著色器將像素值渲染到紋理區(qū)域中相應(yīng)的位置。

參考圖4和圖7所示，也就是說，先確定了需要對矩形abcd進(jìn)行渲染，矩形abcd中有圓形的紋理區(qū)域，那么像素著色器在渲染矩形abcd中的像素點時，若像素點屬于紋理區(qū)域，則將需要展示的目標(biāo)圖像中對應(yīng)的像素點的像素值設(shè)置到該紋理區(qū)域中相應(yīng)的位置處。而對于頂點坐標(biāo)限定的區(qū)域中除了紋理區(qū)域以外的像素位置，可將其設(shè)置為透明。

具體的，可參考圖8所示，通過像素著色器遍歷頂點坐標(biāo)劃定的區(qū)域中的像素點，在遍歷到的像素點屬于紋理區(qū)域時，采集目標(biāo)圖像在該像素點的位置的像素值，將像素點的顏色設(shè)置為該像素值；在遍歷到的像素點不屬于紋理區(qū)域時，將遍歷到的像素點設(shè)置為透明。

也就是說，在前例中，頂點坐標(biāo)劃定的區(qū)域為矩形abcd(正方形)，紋理區(qū)域為以矩形abcd的中點為圓心的內(nèi)切圓，則著色器遍歷矩形abcd中的像素點，當(dāng)遍歷到的像素點的位置屬于內(nèi)切圓時，則獲取目標(biāo)圖像中相同的位置的像素值。如圖7中，當(dāng)遍歷到像素位置e時，由于e位于內(nèi)切圓的圓內(nèi)，因此，可將目標(biāo)圖像對應(yīng)位置e’的像素值設(shè)置到像素位置e處。當(dāng)遍歷到像素位置f時，由于f位于內(nèi)切圓的圓外，因此，對于像素位置f，并不會將目標(biāo)圖像對應(yīng)的f’的像素值設(shè)置到f處，像素位置f處即為透明的顏色。

按照上述方式渲染圖像后，像素著色器只根據(jù)目標(biāo)圖像填充了頂點坐標(biāo)限定的區(qū)域中的圓形的紋理區(qū)域，而對于頂點坐標(biāo)限定的其他區(qū)域均為透明，視覺效果上即為圓形的圖像展示區(qū)域。

進(jìn)一步的，圖像展示區(qū)域的形狀還可以設(shè)置成任意形狀，具體的，可獲取輸入的紋理圖片，獲取紋理圖片的中的紋理區(qū)域，根據(jù)紋理區(qū)域確定頂點坐標(biāo)。也就是說，若希望圖像展示區(qū)域的形狀為不規(guī)則圖形，例如娃娃頭形狀，則可先輸入一副具有娃娃頭形狀紋理的圖片，例如背景為白色，娃娃頭形狀部分為黑色的圖片，然后通過邊緣檢測或輪廓檢測提取到該娃娃頭形狀的紋理區(qū)域，再根據(jù)該娃娃頭形狀的紋理區(qū)域確定頂點坐標(biāo)，只需要該頂點坐標(biāo)限定的矩形包含該娃娃頭形狀的紋理區(qū)域即可。優(yōu)選的，在確定頂點坐標(biāo)時，盡量使得娃娃頭形狀的紋理區(qū)域內(nèi)切于頂點坐標(biāo)限定的區(qū)域，這樣可減少像素著色器遍歷的像素點的數(shù)量。

進(jìn)一步的，在對目標(biāo)圖像進(jìn)行拉伸或縮放處理，以使目標(biāo)圖像覆蓋頂點坐標(biāo)確定的區(qū)域。

也就是說，若目標(biāo)圖像較小，則將其放大或拉伸，使得紋理區(qū)域能夠充分展示目標(biāo)圖像，而不會出現(xiàn)像素著色器遍歷像素點時，像素點位置超出了目標(biāo)圖像的情況，相應(yīng)的，若目標(biāo)圖像較大，則將其縮小或拉伸，使得紋理區(qū)域能夠展示目標(biāo)圖像中更多的內(nèi)容。

進(jìn)一步的，為了更好的減少圖像展示區(qū)域邊緣的鋸齒效果，在通過所述像素著色器將所述像素值渲染到所述紋理區(qū)域中相應(yīng)的位置之后還可確定與紋理區(qū)域?qū)?yīng)的邊緣區(qū)域；對所述邊緣區(qū)域進(jìn)行原色到透明的漸變處理。

參考圖9所示，在上例的圓形的圖像展示區(qū)域中，紋理區(qū)域定義為以abcd的中心為圓心，半徑為r1的圓，在本實施例中，還可設(shè)置以abcd的中心為圓心，半徑為r2的圓，r2和r1之間的環(huán)形區(qū)域即為于紋理區(qū)域r1對應(yīng)的邊緣區(qū)域，對該邊緣區(qū)域進(jìn)行原色到透明的漸變處理，即可將圖像展示區(qū)域的邊緣輪廓模糊化，從而使得鋸齒效果變得不明顯。漸變處理的方法可具體為alpha漸變采樣處理，這樣的實現(xiàn)帶來的性能開銷最低。

進(jìn)一步的，在一個應(yīng)用場景中，圖像展示區(qū)域可用于展示視頻幀，則在設(shè)置了頂點著色器和像素著色器之后，可依次提取目標(biāo)視頻中的視頻幀，將提取的視頻幀作為目標(biāo)圖像，對于一目標(biāo)圖像，執(zhí)行采樣目標(biāo)圖像中位置屬于所述紋理區(qū)域的像素點的像素值，通過所述像素著色器將所述像素值渲染到所述紋理區(qū)域中相應(yīng)的位置。

也就是說，在圖像展示區(qū)域展示每一幀圖像時，均可使用像素著色器提取圖像與紋理區(qū)域映射的部分的像素點的像素值進(jìn)行渲染，這樣就實現(xiàn)了在不規(guī)則的圖像展示區(qū)域中播放視頻的功能。

此外，為了實現(xiàn)圓角矩陣的圖像展示區(qū)域，或者實現(xiàn)任意形狀的圖像展示區(qū)域，并保證較低的處理器和內(nèi)存的使用率，提高計算機(jī)資源的利用率，在一個實施例中，如圖10所示，還提出了一種圖像展示區(qū)域的形狀設(shè)置裝置，包括紋理區(qū)域確定模塊102、頂點著色器處理模塊104、像素著色器獲取模塊106以及圖像渲染模塊108，其中：

紋理區(qū)域確定模塊102，用于獲取圖像待展示區(qū)域的紋理區(qū)域和頂點坐標(biāo)；

頂點著色器處理模塊104，用于調(diào)用圖形程序接口，將所述頂點坐標(biāo)輸入至圖形處理器gpu的頂點著色器中；

像素著色器獲取模塊106，用于獲取與所述頂點著色器對應(yīng)的像素著色器；

圖像渲染模塊108，用于采樣目標(biāo)圖像中位置屬于所述紋理區(qū)域的像素點的像素值，通過所述像素著色器將所述像素值渲染到所述紋理區(qū)域中相應(yīng)的位置。

可選的，在一個實施例中，圖像渲染模塊108還用于通過所述像素著色器遍歷所述頂點坐標(biāo)劃定的區(qū)域中的像素點，在遍歷到的像素點屬于所述紋理區(qū)域時，采集目標(biāo)圖像在該像素點的位置的像素值，將所述像素點的顏色設(shè)置為該像素值。

可選的，在一個實施例中，圖像渲染模塊108還用于對所述目標(biāo)圖像進(jìn)行拉伸或縮放處理，以使所述目標(biāo)圖像覆蓋所述頂點坐標(biāo)確定的區(qū)域。

可選的，在一個實施例中，如圖10所示，上述裝置還包括邊緣區(qū)域處理模塊110，用于確定與所述紋理區(qū)域?qū)?yīng)的邊緣區(qū)域；對所述邊緣區(qū)域進(jìn)行原色到透明的漸變處理。

可選的，在一個實施例中，紋理區(qū)域確定模塊102還用于獲取輸入的紋理圖片，獲取所述紋理圖片的中的紋理區(qū)域，根據(jù)所述紋理區(qū)域確定頂點坐標(biāo)。

實施本發(fā)明實施例，將具有如下有益效果：

采用了上述圖像展示區(qū)域的形狀設(shè)置方法及裝置之后，可通過調(diào)用圖形處理接口使得cpu向gpu發(fā)出指令，指示gpu利用頂點著色器和相應(yīng)的像素著色器，在頂點坐標(biāo)限定的區(qū)域中按照預(yù)輸入的紋理區(qū)域?qū)δ繕?biāo)圖像進(jìn)行繪制，這樣就使的gpu通過圖形處理接口返回的圖像具有與紋理區(qū)域?qū)?yīng)的形狀，從而對圖像展示區(qū)域的形狀進(jìn)行了設(shè)置。上述過程中，圖像處理過程由gpu分擔(dān)，而不需要cpu生成多個三角形來逼近圓弧的曲線，因此降低了cpu的使用率，節(jié)省了計算資源。

另外，上述圖像展示區(qū)域的形狀設(shè)置方法也可適用于定義成任意形狀的紋理區(qū)域，由于設(shè)置形狀的方式并不是采用的多邊形的直邊近似的方式，因此抗鋸齒的效果更加明顯。

在上述實施例中，可以全部或部分的通過軟件、硬件、固件或者其任意組合來實現(xiàn)。當(dāng)使用軟件程序?qū)崿F(xiàn)時，可以全部或部分地以計算機(jī)程序產(chǎn)品的形式實現(xiàn)。所述計算機(jī)程序產(chǎn)品包括一個或多個計算機(jī)指令。在計算機(jī)上加載和執(zhí)行所述計算機(jī)程序指令時，全部或部分地產(chǎn)生按照本發(fā)明實施例所述的流程或功能。所述計算機(jī)可以是通用計算機(jī)、專用計算機(jī)、計算機(jī)網(wǎng)絡(luò)、或者其他可編程裝置。所述計算機(jī)指令可以存儲在計算機(jī)可讀存儲介質(zhì)中，或者從一個計算機(jī)可讀存儲介質(zhì)向另一個計算機(jī)可讀存儲介質(zhì)傳輸，例如，所述計算機(jī)指令可以從一個網(wǎng)站站點、計算機(jī)、服務(wù)器或者數(shù)據(jù)中心通過有線(例如同軸電纜、光纖、數(shù)字用戶線(dsl))或無線(例如紅外、無線、微波等)方式向另一個網(wǎng)站站點、計算機(jī)、服務(wù)器或者數(shù)據(jù)中心進(jìn)行傳輸。所述計算機(jī)可讀存儲介質(zhì)可以是計算機(jī)能夠存取的任何可用介質(zhì)或者是包含一個或多個可用介質(zhì)集成的服務(wù)器、數(shù)據(jù)中心等數(shù)據(jù)存儲設(shè)備。所述可用介質(zhì)可以是磁性介質(zhì)，(例如，軟盤、硬盤、磁帶)、光介質(zhì)(例如，dvd)、或半導(dǎo)體介質(zhì)(例如固態(tài)硬盤solidstatedisk(ssd))等。

在一個實施例中，如圖11所示，圖11展示了一種運行上述圖像展示區(qū)域的形狀設(shè)置方法的基于馮諾依曼體系的計算機(jī)系統(tǒng)的終端。該計算機(jī)系統(tǒng)可以是智能手機(jī)、平板電腦、掌上電腦、筆記本電腦或個人電腦等終端設(shè)備。具體的，可包括通過系統(tǒng)總線連接的外部輸入接口1001、處理器1002、存儲器1003和輸出接口1004。其中，外部輸入接口1001可選的可至少包括網(wǎng)絡(luò)接口10012。存儲器1003可包括外存儲器10032(例如硬盤、光盤或軟盤等)和內(nèi)存儲器10034。輸出接口1004可至少包括顯示屏10042等設(shè)備。

在本實施例中，本方法的運行基于計算機(jī)程序，該計算機(jī)程序的程序文件存儲于前述基于馮諾依曼體系的計算機(jī)系統(tǒng)的外存儲器10032中，在運行時被加載到內(nèi)存儲器10034中，然后被編譯為機(jī)器碼之后傳遞至處理器1002中執(zhí)行，從而使得基于馮諾依曼體系的計算機(jī)系統(tǒng)中形成邏輯上的紋理區(qū)域確定模塊102、頂點著色器處理模塊104、像素著色器獲取模塊106、圖像渲染模塊108邊緣區(qū)域處理模塊110。且在上述圖像展示區(qū)域的形狀設(shè)置方法執(zhí)行過程中，輸入的參數(shù)均通過外部輸入接口1001接收，并傳遞至存儲器1003中緩存，然后輸入到處理器1002中進(jìn)行處理，處理的結(jié)果數(shù)據(jù)或緩存于存儲器1003中進(jìn)行后續(xù)地處理，或被傳遞至輸出接口1004進(jìn)行輸出。

具體的，上述處理器1002還用戶執(zhí)行如下操作：

獲取圖像待展示區(qū)域的紋理區(qū)域和頂點坐標(biāo)；

調(diào)用圖形程序接口，將所述頂點坐標(biāo)輸入至圖形處理器gpu的頂點著色器中；

獲取與所述頂點著色器對應(yīng)的像素著色器；

采樣目標(biāo)圖像中位置屬于所述紋理區(qū)域的像素點的像素值，通過所述像素著色器將所述像素值渲染到所述紋理區(qū)域中相應(yīng)的位置。

可選的，處理器1002還用于通過所述像素著色器遍歷所述頂點坐標(biāo)劃定的區(qū)域中的像素點，在遍歷到的像素點屬于所述紋理區(qū)域時，采集目標(biāo)圖像在該像素點的位置的像素值，將所述像素點的顏色設(shè)置為該像素值。

可選的，處理器1002還用于對所述目標(biāo)圖像進(jìn)行拉伸或縮放處理，以使所述目標(biāo)圖像覆蓋所述頂點坐標(biāo)確定的區(qū)域。

可選的，處理器1002還用于確定與所述紋理區(qū)域?qū)?yīng)的邊緣區(qū)域；

對所述邊緣區(qū)域進(jìn)行原色到透明的漸變處理。

可選的，處理器1002還用于獲取輸入的紋理圖片，獲取所述紋理圖片的中的紋理區(qū)域，根據(jù)所述紋理區(qū)域確定頂點坐標(biāo)。

可選的，處理器1002還用于依次提取目標(biāo)視頻中的視頻幀，將提取的視頻幀作為目標(biāo)圖像，對于一目標(biāo)圖像，執(zhí)行所述：采樣目標(biāo)圖像中位置屬于所述紋理區(qū)域的像素點的像素值，通過所述像素著色器將所述像素值渲染到所述紋理區(qū)域中相應(yīng)的位置。

以上所揭露的僅為本發(fā)明較佳實施例而已，當(dāng)然不能以此來限定本發(fā)明之權(quán)利范圍，因此依本發(fā)明權(quán)利要求所作的等同變化，仍屬本發(fā)明所涵蓋的范圍。