一種基于自定義圖形的圖像處理方法及系統與流程

本發明實施例涉及圖像處理技術，尤其涉及一種基于自定義圖形的圖像處理方法及系統。

背景技術：

珠寶定制是珠寶作為裝飾品天然就有的需求和屬性，隨著經濟的發展，以及當代珠寶工藝和網絡的普及，珠寶定制有了嶄新的實現方式，因滿足了用戶個性化的需求而大受歡迎，日趨流行——與眾不同的你佩戴與眾不同的珠寶首飾，成為民眾都可以享受到的個性服務。

傳統的珠寶定制行業，絕大多數運營方式依靠人工一對一服務，需要投入大量的人力，需要大量的設計師為顧客進行服務，同時根據顧客意見針對性修改稿件，但是有時候設計師無法正確理解用戶的設計理念，進而導致設計產品無法滿足用戶的預期效果，降低了用戶的購物體驗感，同時也增加了用戶的制作成本。

技術實現要素：

針對現有技術中的不足之處，本發明提供一種基于自定義圖形的圖像處理方法及系統，旨在提高用戶的定制體驗感。

一方面，本發明提供一種基于自定義圖形的圖像處理方法，其中，包括：

接收用戶操作指令并根據所述操作指令形成光柵圖；

基于所述光柵圖形成與所述光柵圖匹配的三維立體矢量圖；

對所述三維立體圖做分析處理以形成三維立體顯示圖像。

優選地，上述的基于自定義圖形的圖像處理方法，其中，包括：接收用戶操作指令并根據所述操作指令形成光柵圖；包括：

于HTML網頁的編輯區域接收用戶輸入的操作指令；

根據所述操作指令形成與所述操作指令匹配的所述光柵圖。

優選地，上述的基于自定義圖形的圖像處理方法，其中，基于所述光柵圖形成與所述光柵圖匹配的三維立體矢量圖包括：

基于WEBGL技術對所述光柵圖做渲染處理獲取所述光柵圖的投影矩陣坐標；

讀取所述光柵圖的紋理坐標；

建立投影矩陣坐標與紋理坐標之間的映射關系；

于所述光柵圖中加載所述投影矩陣坐標、所示紋理坐標以形成所述三維立體圖；

根據所述三維立體圖形成所述三維立體矢量圖。

優選地，上述的基于自定義圖形的圖像處理方法，其中，對所述三維立體圖做分析處理以顯示包括：

獲取所述三維立體矢量圖的外表面、界面以形成三維圖外表面、三維圖界面；

讀取所述三維圖界面的像素顏色，并根據像素顏色形成像素漸變色，將所述像素漸變色覆蓋于所述三維圖界面；

調節所述三維圖外表面亮度，并提高所述三維圖外表面與所述三維圖界面連接處的連接線的對比度；

基于處理后的所述三維圖界面和所述三維圖外表面做建模處理并建立投影以形成所述三維立體顯示圖像。

優選地，上述的基于自定義圖形的圖像處理方法，其中，對所述三維立體圖做分析處理以顯示包括：

獲取所述三維立體矢量圖的內表面、外表面、界面以形成三維圖內表面、三維圖外表面、三維圖界面；

讀取三維圖內表面的像素顏色，并根據像素顏色形成像素漸變色，將所述像素漸變顏色覆蓋于所述三維圖內表面；

讀取三維圖界面的像素顏色，并根據像素顏色形成像素漸變顏色，將所述像素漸變顏色覆蓋于所述三維圖界面；

調節所述三維圖外表面亮度，并提高所述三維圖外表面與所述三維圖界面連接處的連接線的對比度；

基于處理后的所述三維圖內表面、所述三維圖界面和所述三維圖外表面做建模處理并建立投影以形成所述三維立體顯示圖像。

優選地，上述的基于自定義圖形的圖像處理方法，其中，基于所述光柵圖形成與所述光柵圖匹配的三維立體矢量圖之前還包括：

對所述光柵圖做去噪處理以形成預處理光柵圖；

基于所述預處理光柵圖形成二維矢量圖。

優選地，上述的基于自定義圖形的圖像處理方法，其中，還包括，

顯示所述三維立體顯示圖像。

優選地，上述的基于自定義圖形的圖像處理方法，其中，接收用戶操作指令并根據所述操作指令形成光柵圖中，其中，用戶操作指令至少包括第一類操作命令和/或第二類操作命令。

另一方面，本發明再提供一種基于自定義圖形的圖像處理系統，其中，包括：

編輯區域，由HTML網頁形成，用以接收用戶輸入的操作指令，根據所述操作指令形成與所述操作指令匹配的所述光柵圖；

建模單元，基于所述光柵圖形成與所述光柵圖匹配的三維立體矢量圖；

處理單元，對所述三維立體圖做分析處理以形成三維立體顯示圖像。

優選地，上述的基于自定義圖形的圖像處理系統，其中，還包括，

顯示單元，用以顯示所述三維立體顯示圖像。

與現有技術相比，本發明的優點在于：

本發明中，通過用戶輸入的操作命令形成二維光柵，對光柵圖做分析處理并結合WEBGL技術形成三維立體圖，繼續獲取三維立體圖外表面、內表面、界面，并分別對三維立體圖的外表面、三維立體圖的界面、內表面做修飾處理以形成三維立體顯示圖像。本發明中，用戶無需借助于設計師的協助即可完成珠寶設計，同時可提供給用戶相對較好的顯示效果。提高用戶的體驗感，同時大大降低了設計的人力成本。

附圖說明

圖1為本發明實施例提供的一種基于自定義圖形的圖像處理方法的流程示意圖；

圖2為本發明實施例提供的一種基于自定義圖形的圖像處理方法的流程示意圖；

圖3為本發明實施例提供的一種基于自定義圖形的圖像處理方法的流程示意圖；

圖4為本發明實施例提供的一種基于自定義圖形的圖像處理方法的流程示意圖；

圖5為本發明實施例提供的一種基于自定義圖形的圖像處理方法的流程示意圖。

具體實施方式

下面結合附圖和實施例對本發明作進一步的詳細說明。可以理解的是，此處所描述的具體實施例僅僅用于解釋本發明，而非對本發明的限定。另外還需要說明的是，為了便于描述，附圖中僅示出了與本發明相關的部分而非全部結構。

現有技術中，雖然已公開將二維圖像轉化為三維立體圖的技術方案，但是此種技術方案應用于珠寶設計中則存在一缺陷，即三維立體圖的顯示效果相對較差，不具有美感，三維立體圖僅僅能顯示出二維圖像對應的三維效果圖，但是不能顯示出珠寶本身具有的光澤美感，降低了用戶的購物體現。基于此，本發明提供基于自定義圖形的圖像處理方法及系統，具體如下：

實施例一

如圖1所示，本發明提供一種基于自定義圖形的圖像處理方法，其中，包括：

步驟S110、接收用戶操作指令并根據所述操作指令形成光柵圖；進一步地，具體包括：

如圖2所示，步驟S1101、于HTML網頁的編輯區域接收用戶輸入的操作指令；該操作指令可為用戶輸入的任意圖形符號和/或字母，還可為HTML網頁提供的規則圖像，例如矩形、圓形、橢圓形，心形等，任意圖形符號和/或字母、規則圖形均可進行多次編輯，例如用戶第一次輸入規則圖形，用戶可繼續在規則圖形的基礎上添加其他任意圖形或字母，也可對圖形或圖像進行刪除或修改。

步驟S1102、根據所述操作指令形成與所述操作指令匹配的所述光柵圖。

進一步地，用戶操作指令至少包括第一類操作命令和/或第二類操作命令，第一類操作命令旨在形成主圖形，第一類操作命令旨在形成輔助圖形。

以設計一條項鏈為例，項鏈包括吊墜、鏈子及吊墜與鏈子的連接件(輔助圖形)，用戶實施第一類操作命令，第一類操作命令旨在形成吊墜圖形，繼續用戶輸入第二類操作命令，第二類操作命令旨在形成連接件，第二類操作命令形成的連接件可為一個掛鉤，鏈子則根據連接件的位置自動匹配以完成項鏈設計。另外第二類操作命令形成的圖形必須連接所述第一類操作命令形成的圖形上。在第二類操作命令形成的圖形未連接所述第一類操作命令形成的圖形的狀態下，第二類操作命令將無法形成輔助圖形，此時用戶需要再次實施第二類操作命令；或者在第二類操作命令形成的圖形未連接所述第一類操作命令形成的圖形的狀態下，根據第二類操作命令形成輔助預處理圖形，調整所述輔助預處理圖形至第一類操作形成的圖形上并形成輔助圖形。

需要說明的是，對于寶石鑲嵌類的珠寶設計，用戶操作指令還包括第三類操作命令，第三類操作命令旨在實現寶石鑲嵌。

步驟S120、基于所述光柵圖形成與所述光柵圖匹配的三維立體矢量圖；具體包括：

如圖3所示，步驟S1201、基于WEBGL技術對所述光柵圖做渲染處理，并獲取所述光柵圖的投影矩陣坐標；

步驟S1202、讀取所述光柵圖的紋理坐標；紋理坐標由行坐標、列坐標形成的二維數組，每一個紋理坐標都具有一個唯一的地址。

步驟S1203、建立投影矩陣坐標與紋理坐標之間的映射關系；將紋理坐標映射到投影矩陣坐標系中；

步驟S1204、根據所述光柵圖中結合所述投影矩陣坐標、所示紋理坐標以形成所述三維立體圖；

步驟S1205、根據所述三維立體圖形成所述三維立體矢量圖。

步驟S130、對所述三維立體圖做分析處理以形成三維立體顯示圖像，具體包括：

如圖4所示，步驟S1301、獲取所述三維立體矢量圖的外表面、界面以形成三維圖外表面、三維圖界面；

步驟S1302、讀取所述三維圖界面的像素顏色，并根據像素顏色形成像素漸變色，將所述像素漸變色覆蓋于所述三維圖界面；通過漸變色覆蓋于所述三維圖界面，以使三維圖界面處具有金屬光澤感，提升三維圖顯示效果。

步驟S1303、調節所述三維圖外表面亮度，并提高所述三維圖外表面與所述三維圖界面連接處的連接線的對比度；提高三維圖外表面亮度及三維圖外表面于三維圖界面的對比度，以使三維圖更具有立體感。和/或

步驟S1304、基于處理后的所述三維圖界面和所述三維圖外表面做建模處理并建立投影以形成所述三維立體顯示圖像。

步驟S140、顯示所述三維立體顯示圖像。

本發明中，通過用戶輸入的操作命令形成二維光柵，對光柵圖做分析處理并結合WEBGL技術形成三維立體圖，繼續獲取三維立體圖外表面、界面，并分別對三維圖外表面、三維圖界面做修飾處理以形成三維立體顯示圖像。本發明中，用戶無需借助于設計師的協助即可完成珠寶設計，還可提供給用戶相對較好的顯示效果，提高用戶的體驗感，同時大大降低了設計的人力成本。

但是用戶在自行設計珠寶是，因用戶可能不具有美術繪畫基礎，其設計或手繪的圖像存在有部分缺陷，比如圖像邊緣線條有瑕疵、或線條寬度不一致或其他缺陷，基于有缺陷的二維圖像在后續處理過程(例如圖像分割、邊緣檢測等等)中，大大延長了圖像處理的時間以及圖像處理的效果。基于此，作為進一步優選實施方案，于步驟S1101、基于所述光柵圖形成與所述光柵圖匹配的三維立體矢量圖之前還包括：

步驟S108、對所述光柵圖做去噪處理以形成預處理光柵圖；

步驟S109、基于所述預處理光柵圖形成二維矢量圖。

去噪處理旨在消除光柵圖邊緣部分的模糊或噪點、裂紋等等，去噪處理可采用均值濾波算法、或二維自適應維納濾波、或基于均值、中值和維納濾波相互結合的處理方法。此處僅為去噪處理的一種實施方式，并非對本發明的進一步限定。

本技術方案中，通過預先對光柵圖像做去噪處理，大大提高了后續圖像處理的效率及效果。

實施例二

實施例一中提供的一種基于自定義圖形的圖像處理系統，僅涉及圖像的外表面及界面的處理，即僅用于平面化的三維立體圖像顯示，但是不能多較為復雜的曲面三維立體圖像做分析處理，降低了用戶的體驗感，基于此，本發明再提供一種基于自定義圖形的圖像處理系統，具體地：

步驟S210、接收用戶操作指令并根據所述操作指令形成光柵圖；進一步地，具體包括：

步驟S2101、于HTML網頁的編輯區域接收用戶輸入的操作指令；該操作指令可為用戶輸入的任意圖形符號和/或字母，還可為HTML網頁提供的規則圖像，例如矩形、圓形、橢圓形，心形等，用戶輸入的任意圖形符號和/或字母、規則圖形均可進行多次編輯，即用戶第一次輸入規則圖形，用戶可繼續在規則圖形的基礎上添加其他任意圖形或字母，也可對圖形或圖像進行刪除或修改。

步驟S2102、根據所述操作指令形成與所述操作指令匹配的所述光柵圖。

進一步地，用戶操作指令包括第一類操作命令、和/或第二類操作、和/或第三類操作命令。

步驟S220、基于所述光柵圖形成與所述光柵圖匹配的三維立體矢量圖；具體包括：

如圖5所示，步驟S2201、基于WEBGL技術對所述光柵圖做渲染處理獲取所述光柵圖的投影矩陣坐標；

步驟S2202、讀取所述光柵圖的紋理坐標；紋理坐標由行坐標、列坐標形成的二維數組，每一個紋理坐標都具有一個唯一的地址。

步驟S2203、建立投影矩陣坐標與紋理坐標之間的映射關系；紋理坐標映射到投影矩陣坐標系中，

步驟S2204、根據所述光柵圖中結合所述投影矩陣坐標、所示紋理坐標以形成所述三維立體圖；

步驟S2205、根據所述三維立體圖形成所述三維立體矢量圖。

步驟S230、對所述三維立體圖做分析處理以形成三維立體顯示圖像，具體包括：

步驟S2301、獲取所述三維立體矢量圖的內表面、外表面、界面以形成三維圖內表面、三維圖外表面、三維圖界面；

步驟S2302、讀取三維圖內表面的像素顏色，并根據像素顏色形成像素漸變色，將所述像素漸變顏色覆蓋于所述三維圖內表面；

步驟S2303、讀取三維圖界面的像素顏色，并根據像素顏色形成像素漸變顏色，將所述像素漸變顏色覆蓋于所述三維圖界面；

步驟S2304、調節所述三維圖外表面亮度，并提高所述三維圖外表面與所述三維圖界面連接處的連接線的對比度；

步驟S2305、基于處理后的取三維圖內表面、所述三維圖界面和所述三維圖外表面做建模處理并建立投影以形成所述三維立體顯示圖像。

步驟S240、顯示所述三維立體顯示圖像。

本實施例中，對所述三維立體矢量圖的內表面、外表面、界面均做圖像修飾處理，提高了表面為曲面圖像的三維顯示效率，提升珠寶顯示的光澤感。

實施例三

本發明再提供一種基于自定義圖形的圖像處理系統，其中，包括：

編輯區域，由HTML網頁形成，用以接收用戶輸入的操作指令，根據所述操作指令形成與所述操作指令匹配的所述光柵圖；

建模單元，基于所述光柵圖形成與所述光柵圖匹配的三維立體矢量圖；

處理單元，對所述三維立體圖做分析處理以形成三維立體顯示圖像。

作為進一步優選實施方案，上述的基于自定義圖形的圖像處理系統，其中，還包括，

顯示單元，用以顯示所述三維立體顯示圖像。

上述的基于自定義圖形的圖像處理系統可實現實施例一、二所提供的基于自定義圖形的圖像處理方法，并可取得相應的技術效果，上述的基于自定義圖形的圖像處理系統的工作原理與實施例一、二所提供的基于自定義圖形的圖像處理方法的工作原理一致，此處不做贅述。

雖然本發明的各個方面在獨立權利要求中給出，但是本發明的其它方面包括來自所描述實施方式的特征和/或具有獨立權利要求的特征的從屬權利要求的組合，而并非僅是權利要求中所明確給出的組合。

這里所要注意的是，雖然以上描述了本發明的示例實施方式，但是這些描述并不應當以限制的含義進行理解。相反，可以進行若干種變化和修改而并不背離如所附權利要求中所限定的本發明的范圍。

注意，上述僅為本發明的較佳實施例及所運用技術原理。本領域技術人員會理解，本發明不限于這里所述的特定實施例，對本領域技術人員來說能夠進行各種明顯的變化、重新調整和替代而不會脫離本發明的保護范圍。因此，雖然通過以上實施例對本發明進行了較為詳細的說明，但是本發明不僅僅限于以上實施例，在不脫離本發明構思的情況下，還可以包括更多其他等效實施例，而本發明的范圍由所附的權利要求范圍決定。