本發(fā)明涉及計算機(jī)技術(shù)領(lǐng)域，尤其涉及一種圖片邊框的繪制方法及系統(tǒng)。

背景技術(shù)：

unity環(huán)境中由于一些圖像需要美化或吸引用戶的注意，需要對圖像繪制外觀邊框，且在邊框內(nèi)繪制不同樣式的樣條，以達(dá)到美觀、吸引用戶眼球的目的；而現(xiàn)有的邊框中繪制方法，是通過獲取數(shù)據(jù)庫中的樣條圖，對樣條圖的樣條進(jìn)行采樣，由于現(xiàn)有的采用整體采樣的方法，存在采樣精度不高，繪制出的樣條曲線與樣條圖中的樣條相差較大，使得繪制邊框的樣式與預(yù)期的相差較大，繪制精度較低。

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

本發(fā)明所要解決的技術(shù)問題是：本發(fā)明提供一種繪制精度高、符合用戶預(yù)期的圖片邊框繪制方法及系統(tǒng)。

為了解決上述技術(shù)問題，本發(fā)明提供了一種圖片邊框的繪制方法，包括以下步驟：

s1：繪制與圖片相對應(yīng)的回形框；所述回形框由具有相同中心點(diǎn)的內(nèi)矩形和外矩形圍成，所述內(nèi)矩形與所述圖片的外邊線重合；

s2：在所述回形框內(nèi)創(chuàng)建網(wǎng)格，得到多個的網(wǎng)格子區(qū)域；

s3：依次根據(jù)一所述網(wǎng)格子區(qū)域在所述回形框中的位置信息，獲取預(yù)設(shè)樣條圖中與所述位置信息相對應(yīng)的采樣區(qū)；

s4：對所述采樣區(qū)的樣條進(jìn)行采樣，得到采樣結(jié)果；

s5：在所述網(wǎng)格子區(qū)域內(nèi)繪制與所述采樣結(jié)果對應(yīng)的樣條線；

s6：重復(fù)步驟s3、s4和s5，直至所有網(wǎng)格子區(qū)域的樣條線均繪制完畢。

本發(fā)明還提供了一種圖片邊框的繪制系統(tǒng)，包括：

第一繪制模塊，用于繪制與圖片相對應(yīng)的回形框；所述回形框由具有相同中心點(diǎn)的內(nèi)矩形和外矩形圍成，所述內(nèi)矩形與所述圖片的外邊線重合；

創(chuàng)建模塊，用于在所述回形框內(nèi)創(chuàng)建網(wǎng)格，得到多個的網(wǎng)格子區(qū)域；

獲取模塊，用于依次根據(jù)一所述網(wǎng)格子區(qū)域在所述回形框中的位置信息，獲取預(yù)設(shè)樣條圖中與所述位置信息相對應(yīng)的采樣區(qū)；

采樣模塊，用于對所述采樣區(qū)的樣條進(jìn)行采樣，得到采樣結(jié)果；

第二繪制模塊，用于在所述網(wǎng)格子區(qū)域內(nèi)繪制與所述采樣結(jié)果對應(yīng)的樣條線；

重復(fù)模塊，用于重復(fù)執(zhí)行獲取模塊、采樣模塊和第二繪制模塊，直至所有網(wǎng)格子區(qū)域的樣條線均繪制完畢。

本發(fā)明的有益效果為：

本發(fā)明通過繪制與圖片相對應(yīng)的回形框，在回形框內(nèi)創(chuàng)建網(wǎng)格，并根據(jù)網(wǎng)格子區(qū)域所在回形框內(nèi)的位置信息，獲取樣條圖中與位置信息對應(yīng)的采樣區(qū)，對采樣區(qū)進(jìn)行采樣，根據(jù)采樣結(jié)果，在回形框內(nèi)繪制樣條線；上述方法能夠?qū)⒒匦慰騽澐譃槿舳鄠€網(wǎng)格子區(qū)域，并根據(jù)網(wǎng)格所在的位置信息進(jìn)行采樣，每次采樣只針對一網(wǎng)格子區(qū)域所在的區(qū)域進(jìn)行采樣，提高了采樣的精度，使得繪制出的邊框中的樣條線與預(yù)期的邊框的樣式一致，滿足了用戶的需求。

附圖說明

圖1為本發(fā)明實(shí)施例的一種圖片邊框的繪制方法的主要步驟流程圖；

圖2為本發(fā)明實(shí)施例一的一種圖片邊框的繪制方法的流程圖；

圖3為本發(fā)明實(shí)施例的一種圖片邊框的繪制系統(tǒng)的結(jié)構(gòu)示意圖；

圖4為本發(fā)明實(shí)施例的一種效果示意圖；

圖5為本發(fā)明實(shí)施例的更改樣式后的效果示意圖；

標(biāo)號說明：

1、第一繪制模塊；2、創(chuàng)建模塊；3、獲取模塊；4、采樣模塊；5、第二繪制模塊；6、重復(fù)模塊。

具體實(shí)施方式

為詳細(xì)說明本發(fā)明的技術(shù)內(nèi)容、所實(shí)現(xiàn)目的及效果，以下結(jié)合實(shí)施方式并配合附圖詳予說明。

本發(fā)明最關(guān)鍵的構(gòu)思在于：在回形框內(nèi)創(chuàng)建網(wǎng)格，根據(jù)網(wǎng)格子區(qū)域所在回形框內(nèi)的位置信息，獲取樣條圖中與位置信息對應(yīng)的采樣區(qū)，對采樣區(qū)進(jìn)行采樣，根據(jù)采樣結(jié)果，在回形框內(nèi)繪制樣條線，提高了圖片邊框中樣條的繪制精度，滿足了客戶的需求。

請參照圖1，本發(fā)明提供了一種圖片邊框的繪制方法，包括以下步驟：

s1：繪制與圖片相對應(yīng)的回形框；所述回形框由具有相同中心點(diǎn)的內(nèi)矩形和外矩形圍成，所述內(nèi)矩形與所述圖片的外邊線重合；

s2：在所述回形框內(nèi)創(chuàng)建網(wǎng)格，得到多個的網(wǎng)格子區(qū)域；

s3：依次根據(jù)一所述網(wǎng)格子區(qū)域在所述回形框中的位置信息，獲取預(yù)設(shè)樣條圖中與所述位置信息相對應(yīng)的采樣區(qū)；

s4：對所述采樣區(qū)的樣條進(jìn)行采樣，得到采樣結(jié)果；

s5：在所述網(wǎng)格子區(qū)域內(nèi)繪制與所述采樣結(jié)果對應(yīng)的樣條線；

s6：重復(fù)步驟s3、s4和s5，直至所有網(wǎng)格子區(qū)域的樣條線均繪制完畢。

從上述描述可知，本發(fā)明通過繪制與圖片相對應(yīng)的回形框，在回形框內(nèi)創(chuàng)建網(wǎng)格，并根據(jù)網(wǎng)格子區(qū)域所在回形框內(nèi)的位置信息，獲取樣條圖中與位置信息對應(yīng)的采樣區(qū)，對采樣區(qū)進(jìn)行采樣，根據(jù)采樣結(jié)果，在回形框內(nèi)繪制樣條線；上述方法能夠?qū)⒒匦慰騽澐譃槿舳鄠€網(wǎng)格子區(qū)域，并根據(jù)網(wǎng)格所在的位置信息進(jìn)行采樣，每次采樣只針對一網(wǎng)格子區(qū)域所在的區(qū)域進(jìn)行采樣，提高了采樣的精度，使得繪制出的邊框中的樣條線與預(yù)期的邊框的樣式一致，滿足了用戶的需求。

進(jìn)一步的，所述s3具體為：

劃分所述網(wǎng)格子區(qū)域?yàn)閮蓚€的三角面區(qū)域；

獲取第一三角面區(qū)域在所述回形框的第一位置信息；

獲取第二三角面區(qū)域在所述回形框的第二位置信息；

獲取所述樣條圖中與所述第一位置信息相對應(yīng)的第一采樣區(qū)；

獲取所述樣條圖中與所述第二位置信息相對應(yīng)的第二采樣區(qū)。

從上述描述可知，將網(wǎng)格子區(qū)域劃分為三角面區(qū)域，能夠進(jìn)一步提高采樣的精度，同時劃分的三角面有利于提高樣條線渲染的速度。

進(jìn)一步的，所述s2具體為：

通過unity網(wǎng)格組件在預(yù)設(shè)的回形框內(nèi)創(chuàng)建網(wǎng)格，得到多個的網(wǎng)格子區(qū)域。

從上述描述可知，通過unity網(wǎng)格組件能夠快速在回形框內(nèi)創(chuàng)建網(wǎng)格，提高了創(chuàng)建網(wǎng)格的速率。

進(jìn)一步的，所述s4具體為：

采樣所述采樣區(qū)中的樣條所在的像素點(diǎn)，得到采樣結(jié)果。

從上述描述可知，對采樣區(qū)樣條像素點(diǎn)進(jìn)行采樣，通過像素級別的采樣，有效提高了采樣的精確度，從而保證了繪制邊框中樣條的精確。

進(jìn)一步的，所述的一種圖片邊框的繪制方法，還包括：

通過網(wǎng)格過濾器組件獲取網(wǎng)格中樣條線所在的樣條像素點(diǎn)區(qū)域；

通過網(wǎng)格渲染器組件渲染所述樣條像素點(diǎn)區(qū)域。

從上述描述可知，上述方法提高了樣條像素點(diǎn)所在區(qū)域的獲取，同時網(wǎng)格渲染器組件通過像素級別的渲染，提高了渲染的效果，使其能夠吸引客戶的眼球。

進(jìn)一步的，“通過網(wǎng)格渲染器組件渲染所述樣條像素點(diǎn)區(qū)域”具體為：

預(yù)設(shè)渲染數(shù)據(jù)庫，所述渲染數(shù)據(jù)庫包括多個不同顏色的材質(zhì)球；

根據(jù)一所述材質(zhì)球，通過網(wǎng)格渲染器組件的著色器渲染所述樣條像素點(diǎn)區(qū)域。

從上述描述可知，通過渲染數(shù)據(jù)庫中不同顏色的材質(zhì)球，能夠快速對邊框內(nèi)樣條的顏色進(jìn)行切換，能夠滿足客戶對不同材質(zhì)顏色的需求。

進(jìn)一步的，所述的一種圖片邊框的繪制方法，還包括：

通過著色器渲染所述網(wǎng)格為透明狀。

從上述描述可知，上述方法避免了網(wǎng)格對邊框中樣條線的干擾，保證了圖片邊框的美觀效果。

進(jìn)一步的，所述的一種圖片邊框的繪制方法，還包括：

更新所述回形框內(nèi)樣條線的樣式。

從上述描述可知，通過更新邊框樣條的樣式，能夠滿足不同用戶的需求。

進(jìn)一步的，“更新回形框內(nèi)樣條線的樣式”具體為：

擦除所述樣條線；

獲取預(yù)設(shè)數(shù)據(jù)庫中的樣條圖，得第一樣條圖；

采樣所述第一樣條圖；

根據(jù)采樣結(jié)果，在所述回形框內(nèi)繪制樣條線。

從上述描述可知，上述方法能夠快速對邊框內(nèi)的樣條線的樣式進(jìn)行更改，提高了更新樣條線樣式的速率。

請參照圖3，本發(fā)明還提供了一種圖片邊框的繪制系統(tǒng)，包括：

第一繪制模塊1，用于繪制與圖片相對應(yīng)的回形框；所述回形框由具有相同中心點(diǎn)的內(nèi)矩形和外矩形圍成，所述內(nèi)矩形與所述圖片的外邊線重合；

創(chuàng)建模塊2，用于在所述回形框內(nèi)創(chuàng)建網(wǎng)格，得到多個的網(wǎng)格子區(qū)域；

獲取模塊3，用于依次根據(jù)一所述網(wǎng)格子區(qū)域在所述回形框中的位置信息，獲取預(yù)設(shè)樣條圖中與所述位置信息相對應(yīng)的采樣區(qū)；

采樣模塊4，用于對所述采樣區(qū)的樣條進(jìn)行采樣，得到采樣結(jié)果；

第二繪制模塊5，用于在所述網(wǎng)格子區(qū)域內(nèi)繪制與所述采樣結(jié)果對應(yīng)的樣條線；

重復(fù)模塊6，用于重復(fù)執(zhí)行獲取模塊3、采樣模塊4和第二繪制模塊5，直至所有網(wǎng)格子區(qū)域的樣條線均繪制完畢。

從上述描述可知，本發(fā)明通過繪制與圖片相對應(yīng)的回形框，在回形框內(nèi)創(chuàng)建網(wǎng)格，并根據(jù)網(wǎng)格子區(qū)域所在回形框內(nèi)的位置信息，獲取樣條圖中與位置信息對應(yīng)的采樣區(qū)，對采樣區(qū)進(jìn)行采樣，根據(jù)采樣結(jié)果，在回形框內(nèi)繪制樣條線；上述方法能夠?qū)⒒匦慰騽澐譃槿舳鄠€網(wǎng)格子區(qū)域，并根據(jù)網(wǎng)格所在的位置信息進(jìn)行采樣，每次采樣只針對一網(wǎng)格子區(qū)域所在的區(qū)域進(jìn)行采樣，提高了采樣的精度，使得繪制出的邊框中的樣條線與預(yù)期的邊框的樣式一致，滿足了用戶的需求。

請參照圖2、圖4和圖5，本發(fā)明的實(shí)施例一為：

s1：繪制與圖片相對應(yīng)的回形框；所述回形框由具有相同中心點(diǎn)的內(nèi)矩形和外矩形圍成，所述內(nèi)矩形與所述圖片的外邊線重合；

s2：在所述回形框內(nèi)創(chuàng)建網(wǎng)格，得到多個的網(wǎng)格子區(qū)域；

具體為：通過unity網(wǎng)格組件在預(yù)設(shè)的回形框內(nèi)創(chuàng)建網(wǎng)格，將回形框所在的區(qū)域劃分為多個的網(wǎng)格子區(qū)域；

s3：依次根據(jù)一所述網(wǎng)格子區(qū)域在所述回形框中的位置信息，獲取預(yù)設(shè)樣條圖中與所述位置信息相對應(yīng)的采樣區(qū)；

所述樣條圖為預(yù)設(shè)樣條圖數(shù)據(jù)庫中一樣條圖；

具體為：劃分所述網(wǎng)格子區(qū)域?yàn)閮蓚€的三角面區(qū)域；

獲取第一三角面區(qū)域在所述回形框的第一位置信息；

獲取第二三角面區(qū)域在所述回形框的第二位置信息；

獲取所述樣條圖中與所述第一位置信息相對應(yīng)的第一采樣區(qū)；

獲取所述樣條圖中與所述第二位置信息相對應(yīng)的第二采樣區(qū)；

s4：對所述采樣區(qū)的樣條進(jìn)行采樣，得到采樣結(jié)果；

具體為：分別對第一采樣區(qū)和第二采樣區(qū)中樣條所在的像素點(diǎn)進(jìn)行采樣，得到第一采樣結(jié)果和第二采樣結(jié)果；

s5：在所述網(wǎng)格子區(qū)域內(nèi)繪制與所述采樣結(jié)果對應(yīng)的樣條線；

具體為：在第一三角面區(qū)域內(nèi)繪制與第一采樣結(jié)果相對應(yīng)的樣條線，在第二三角面區(qū)域內(nèi)繪制與第二采樣結(jié)果相對應(yīng)的樣條線；

并對第一三角面區(qū)域和第二三角面區(qū)域的樣條線銜接處進(jìn)行連接貼合；

s6：重復(fù)步驟s3、s4和s5，直至所有網(wǎng)格子區(qū)域的樣條線均繪制完畢；

s7：通過網(wǎng)格過濾器組件獲取網(wǎng)格中樣條線所在的樣條像素點(diǎn)區(qū)域；

s8：通過網(wǎng)格渲染器組件渲染所述樣條像素點(diǎn)區(qū)域；

具體為：預(yù)設(shè)渲染數(shù)據(jù)庫，所述渲染數(shù)據(jù)庫包括多個不同顏色的材質(zhì)球；

根據(jù)一所述材質(zhì)球，通過網(wǎng)格渲染器組件的著色器渲染所述樣條像素點(diǎn)區(qū)域；

s9：通過著色器渲染所述網(wǎng)格為透明狀；

s10：更新所述回形框內(nèi)樣條線的樣式；

具體為：擦除所述樣條線；

獲取預(yù)設(shè)數(shù)據(jù)庫中的樣條圖，得第一樣條圖；

采樣所述第一樣條圖；

根據(jù)采樣結(jié)果，在所述回形框內(nèi)繪制樣條線；

更新回形框內(nèi)樣條線的樣式還包括對樣式邊角的樣式進(jìn)行更新。

請參照圖3，本發(fā)明的實(shí)施例二為：

第一繪制模塊繪制與圖片相對應(yīng)的回形框；所述回形框由具有相同中心點(diǎn)的內(nèi)矩形和外矩形圍成，所述內(nèi)矩形與所述圖片的外邊線重合，并將繪制結(jié)果發(fā)送至創(chuàng)建模塊；創(chuàng)建模塊在所述回形框內(nèi)創(chuàng)建網(wǎng)格，得到多個的網(wǎng)格子區(qū)域，并將創(chuàng)建結(jié)果發(fā)送至獲取模塊；獲取模塊依次根據(jù)一所述網(wǎng)格子區(qū)域在所述回形框中的位置信息，獲取預(yù)設(shè)樣條圖中與所述位置信息相對應(yīng)的采樣區(qū)，并將獲取結(jié)果發(fā)送至第二繪制模塊；第二繪制模塊在所述網(wǎng)格子區(qū)域內(nèi)繪制與所述采樣結(jié)果對應(yīng)的樣條線；重復(fù)模塊重復(fù)執(zhí)行獲取模塊、采樣模塊和第二繪制模塊，直至所有網(wǎng)格子區(qū)域的樣條線均繪制完畢。

綜上所述，本發(fā)明通過獲取圖片所在的矩形區(qū)域，在矩形區(qū)域內(nèi)繪制回形框，在回形框內(nèi)創(chuàng)建網(wǎng)格，并根據(jù)網(wǎng)格所在回形框內(nèi)的位置信息，獲取樣條圖中與位置信息對應(yīng)的采樣區(qū)，對采樣區(qū)進(jìn)行采樣，根據(jù)采樣結(jié)果，在回形框內(nèi)繪制樣條線；上述方法及系統(tǒng)能夠?qū)⒒匦慰騽澐譃槿舾蓚€網(wǎng)格，并根據(jù)網(wǎng)格所在的位置信息進(jìn)行采術(shù)，每次采樣只針對一網(wǎng)格所在的區(qū)域進(jìn)行采樣，提高了采樣的精度，使得繪制出的邊框中的樣條線與預(yù)期的邊框的樣式一致，滿足了用戶的需求。

以上所述僅為本發(fā)明的實(shí)施例，并非因此限制本發(fā)明的專利范圍，凡是利用本發(fā)明說明書及附圖內(nèi)容所作的等同變換，或直接或間接運(yùn)用在其他相關(guān)的技術(shù)領(lǐng)域，均同理包括在本發(fā)明的專利保護(hù)范圍內(nèi)。