一种基于自定义图形的显示方法及系统与流程

本发明实施例涉及图像处理技术，尤其涉及一种基于自定义图形的显示方法及系统。

背景技术：

珠宝定制是珠宝作为装饰品天然就有的需求和属性，随着经济的发展，以及当代珠宝工艺和网络的普及，珠宝定制有了崭新的实现方式，因满足了用户个性化的需求而大受欢迎，日趋流行——与众不同的你佩戴与众不同的珠宝首饰，成为民众都可以享受到的个性服务。

传统的珠宝定制行业，绝大多数运营方式依靠人工一对一服务，需要投入大量的人力，需要大量的设计师为顾客进行服务，同时根据顾客意见针对性修改稿件，但是有时候设计师无法正确理解用户的设计理念，进而导致设计产品无法满足用户的预期效果，降低了用户的购物体验感，同时也增加了用户的制作成本。

技术实现要素：

针对现有技术中的不足之处，本发明提供一种基于自定义图形的显示方法及系统，旨在提高用户的定制体验感。

一方面，本发明提供一种基于自定义图形的显示方法，其中，包括：

获取用户于编辑单元中输入的绘画操作命令，并根据所述绘画操作命令形成一匹配所述绘画操作命令的二维图像数据；

获取所述二维图像数据的坐标信息，于三维图像环境中沿Z轴方向复制所述坐标信息以形成一组多视角图像，每个所述多视角图像包含一偏转因子；

采用二维屏蔽函数合并所述多视角图像，并结合所述偏转因子显示所述三维模型数据信息。

优选地，上述的基于自定义图形的显示方法，其中，包括：获取用户于编辑单元中输入的操作命令，并根据所述绘画操作命令形成一匹配所述绘画操作命令的二维图像数据，其中所述绘画操作命令包括第一操作指令、第二操作指令；

于所述编辑单元中显示若干个标准图像，根据用户选择的标准图像形成与标准图像匹配的制图模式；

于所述制图模式获取用户输入的所述第一操作命令，并根据所述第一操作命令处理形成几何轮廓图像数据；

接收用户输入的所述第二操作命令，并显示与所述第二操作命令匹配的加载图像数据，

于所述几何轮廓图像数据的预定位置处加载所述加载图像数据，并形成所述二维图像数据。

优选地，上述的基于自定义图形的显示方法，其中，包括：获取用户于编辑单元中输入的操作命令，并根据所述绘画操作命令形成一匹配所述绘画操作命令的二维图像数据，其中所述绘画操作命令包括第一操作指令、第二操作指令；

于所述编辑单元中显示若干个标准图像，根据用户选择的标准图像形成与标准图像匹配的制图模式；

于所述制图模式接收用户输入的所述第二操作命令，并显示与所述第二操作命令匹配的加载图像数据，

获取用户输入的所述第一操作命令，并根据所述第一操作命令处理形成几何轮廓图像数据；

于所述几何轮廓图像数据的预定位置处加载所述加载图像数据，并形成所述二维图像数据。

优选地，上述的基于自定义图形的显示方法，其中，还包括：于所述编辑单元获取用户输入的所述第一操作命令，并根据操作命令形成几何轮廓图像数据；包括：

于所述编辑单元获取用户输入的所述第一操作命令，显示与所述第一操作指令匹配的原始图像数据；

编辑所述原始图像数据以形成所述几何轮廓图像数据。

优选地，上述的基于自定义图形的显示方法，其中，所述偏转因子的偏转方向为-360°～+360°。

优选地，上述的基于自定义图形的显示方法，其中，还包括：根据所述三维模型数据信息形成一订单数据，并于用户完成支付后，发送所述订单数据和所以三维模型数据至远程终端。

优选地，上述的基于自定义图形的显示方法，其中，还包括：所述编辑单元由HTML网页形成。

另一方面，本发明再提供一种基于自定义图形的显示系统，其中，包括：

二维图像绘制单元，获取用户于编辑单元中输入的绘画操作命令，并根据所述绘画操作命令形成一匹配所述绘画操作命令的二维图像数据；

三维图形处理单元，获取所述二维图像数据的坐标信息，于三维图像环境中沿Z轴方向复制所述坐标信息以形成一组多视角图像，每个所述多视角图像包含一偏转因子；

三维显示单元，采用二维屏蔽函数合并所述多视角图像，并结合所述偏转因子显示所述三维模型数据信息。

优选地，上述的基于自定义图形的显示系统，其中，还包括：订单管理单元，根据所述三维模型数据信息形成一订单数据，并于用户完成支付后，发送所述订单数据和所以三维模型数据至远程终端。

优选地，上述的基于自定义图形的显示系统，其中，所述三维显示单元为基于web的三维图形显示单元。

与现有技术相比，本发明的优点在于：

通过加载有珠宝设计中所需要的制图模式及宝石琢型、链勾设计的显示系统，用户在使用过程中，绘制出几何形状后，根据当前的制图模式及宝石琢型、链勾设计对首饰形状进行渲染等处理，以形成一符合用户需求同时具有美感的设计雏形。用户无需借助于设计师的协助即可完成珠宝设计，提高用户的体验感，同时大大降低了设计的人力成本。

附图说明

图1为本发明实施例中的一种基于自定义图形的显示方法流程示意图；

图2是本发明实施例中的一种基于自定义图形的显示方法流程示意图；

图3是本发明实施例中的一种基于自定义图形的显示方法流程示意图。

具体实施方式

下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本发明，而非对本发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本发明相关的部分而非全部结构。

现有技术中，之所以用户不能自行设计珠宝，其主要原因在于：用于尚未具有珠宝设计的手绘技巧，例如用户不知如何设计珠宝线条、如何设计宝石琢型、如何进行作品上色等技巧，故而用户欲自行设计珠宝时，通常需要专业设计师配合以完成珠宝设计。由用户描述设计灵感或预期形状，专业设计师根据用户的描述完成作品，但是如果用户的表达不清楚、或者沟通不畅，往往造成了用户的体验感下降，基于此，本发明提供一种基于自定义图形的显示方法及系统。具体地。

实施例一

如图1所示，一方面，本发明提供一种基于自定义图形的显示方法，其中，包括：

步骤S110、获取用户于编辑单元中输入的绘画操作命令，并根据所述绘画操作命令形成一匹配所述绘画操作命令的二维图像数据；所述编辑单元可由HTML网页形成。

进一步地，如图2所示，所述绘画操作命令包括第一操作指令、第二操作指令；包括，

步骤S1101、于所述编辑单元中显示若干个标准图像，根据用户选择的标准图像形成与标准图像匹配的制图模式；标准图像可为平面图像，也可为立体图像；当用户选择的标准图像为平面图像时，制图模式即为平面制图模式，当用户选择的标准图像为立体图像时，制图模式即为立体制图模式，立体制图模式中包含有与立体图像匹配的明暗度、透视度。明暗度可由几何轮廓图像数据O(x、y)与低通滤波器F(x、y)卷积形成，其中O(x、y)为几何轮廓数据中坐标为(x、y)的像素信息，F(x、y)为几何轮廓数据中坐标为(x、y)的滤波系数，同理透视度也可采用上述方法实现。

步骤S1102、于所述制图模式获取用户输入的所述第一操作命令，并根据所述第一操作命令处理形成几何轮廓图像数据；所述第一操作命令即为用户绘制的图像，制图模式下，用户可自行选择画笔的尺寸、图层翻转、图像删除等操作。

步骤S1103、接收用户输入的所述第二操作命令，并显示与所述第二操作命令匹配的加载图像数据，第二操作命令至少包括宝石的琢型设计、链勾设计等，其中宝石的琢型设计至少包括圆型、马眼型、水滴型等。

步骤S1104、于所述几何轮廓图像数据的预定位置处加载所述加载图像数据，并形成所述二维图像数据。其中预定位置可为图像数据横坐标极值或纵坐标极值，也可为图像数据的中心值，此处预定值仅为举例说明，并非对本发明的进一步限定。

步骤S120、获取所述二维图像数据的坐标信息，于三维图像环境中沿Z轴方向复制所述坐标信息以形成一组多视角图像，每个所述多视角图像包含一偏转因子；

步骤S130、采用二维屏蔽函数合并所述多视角图像，并结合所述偏转因子显示所述三维模型数据信息。所述三维模型数据信息由基于web的三维图形720°旋转显示所述三维模型数据信息。三维模型数据显示过程中，用户可二次编辑珠宝颜色，或缩放图形、旋转图形等操作。

其中二维屏蔽函数记录每个所述多视角图像中的三维数据信息，在三维显示过程中根据实际显示需求屏蔽三维数据信息中的部分信息以形成所述三维模型数据信息。

步骤S140、根据所述三维模型数据信息形成一订单数据，并于用户完成支付后，发送所述订单数据和所以三维模型数据至远程终端。

列举具体实施步骤：

首先于所述编辑单元中显示若干个标准图像，当用户选择立体图像时，根据用户选择的标准图像形成与立体图像匹配的立体制图模式，于立体制图模式下，用户根据需要绘画出首饰设计形状，并根据首饰设计形状形成几何轮廓图像数据，于几何轮廓图像数据设计完成后，接受并显示用户输入的宝石琢型设计、链勾设计，将宝石琢型设计、链勾设计加载于几何轮廓图像数据以形成珠宝设计雏形，于三维图像环境中沿Z轴方向复制所述珠宝设计雏形并处理形成一三维模型数据；以720°旋转显示所述三维模型数据信息，即向用户展示本次珠宝设计的成品。同理，采用平面图像也可实现珠宝设计目的。

作为进一步技术方案，标准图像也可为供用户选择的多种设计样品。用户可根据设计样品形成几何轮廓图像数据。于上述方案的基础之上，其中，

步骤S1102、于所述制图模式获取用户输入的所述第一操作命令，并根据所述第一操作命令处理形成几何轮廓图像数据；

步骤S11021、于所述编辑单元获取用户输入的所述第一操作命令，显示与所述第一操作指令匹配的原始图像数据；

步骤S11022、编辑所述原始图像数据以形成所述几何轮廓图像数据。

列举一具体实施方式：

首先于所述编辑单元中显示若干个标准图像，用户选择其中一种与自我需求最接近的设计样品，根据用户选择的设计样品形成与设计样品匹配的制图模式，于制图模式下，所述设计样品处于可编辑状态，用户可根据需要调整该设计样品以形成几何轮廓图像数据，于几何轮廓图像数据设计完成后，接受并显示用户输入的宝石琢型设计、链勾设计，将宝石琢型设计、链勾设计加载于几何轮廓图像数据以形成珠宝设计雏形，于三维图像环境中沿Z轴方向复制所述珠宝设计雏形以形成一三维数据；以720°旋转显示所述三维模型数据信息，即向用户展示本次珠宝设计的成品。

本实施例中，通过加载有珠宝设计中所需要的制图模式及宝石琢型、链勾设计的显示系统，用户在使用过程中，绘制出首饰形状后，根据当前的制图模式及宝石琢型、链勾设计对首饰形状进行渲染等处理，以形成一符合用户需求同时具有美感的设计雏形。用户无需借助于设计师的协助即可完成珠宝设计，提高用户的体验感，同时大大降低了设计的人力成本。

实施例二

实施例一中，用户先进行几何轮廓图像的绘制，再进行宝石琢型设计、链勾设计，与实施例一不同的是，实施例二中，用户先确定宝石琢型设计、链勾设计，再进行几何轮廓图像的绘制。具体的实施步骤时：

如图3所示，步骤S210、获取用户于编辑单元中输入的绘画操作命令，并根据所述绘画操作命令形成一匹配所述绘画操作命令的二维图像数据；进一步地，所述绘画操作命令包括第一操作指令、第二操作指令，具体地，

步骤S2101、于所述编辑单元中显示若干个标准图像，根据用户选择的标准图像形成于标准图像匹配的制图模式；

步骤S2102、于所述制图模式接收用户输入的所述第二操作命令，并显示与所述第二操作命令匹配的加载图像数据，

步骤S2103、获取用户输入的所述第一操作命令，并根据所述第一操作命令处理形成几何轮廓图像数据；

步骤S2104、于所述几何轮廓图像数据的预定位置处加载所述加载图像数据，并形成所述二维图像数据

步骤S220、获取所述二维图像数据的坐标信息，于三维图像环境中沿Z轴方向复制所述坐标信息以形成一组多视角图像，每个所述多视角图像包含一偏转因子；

步骤S230、采用二维屏蔽函数合并所述多视角图像，并结合所述偏转因子显示所述三维模型数据信息；

步骤S240、根据所述三维模型数据信息形成一订单数据，并于用户完成支付后，发送所述订单数据和所以三维模型数据至远程终端。

实施例三

另一方面，本发明再提供一种基于自定义图形的显示系统，其中，包括：

二维图像绘制单元，获取用户于编辑单元中输入的操作命令，并根据所述绘画操作命令形成一匹配所述绘画操作命令的二维图像数据；

三维图形处理单元，获取所述二维图像数据的坐标信息，于三维图像环境中沿Z轴方向复制所述坐标信息以形成一组多视角图像，每个所述多视角图像包含一偏转因子；

三维显示单元，采用二维屏蔽函数合并所述多视角图像，并结合所述偏转因子显示所述三维模型数据信息。

作为进一步优选实施方案，上述的基于自定义图形的显示系统，其中，还包括：订单管理单元，根据所述三维模型数据信息形成一订单数据，并于用户完成支付后，发送所述订单数据和所以三维模型数据至远程终端。

上述产品可执行本发明任意实施例所提供的方法，具备执行方法相应的功能模块和有益效果。

注意，上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解，本发明不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明进行了较为详细的说明，但是本发明不仅仅限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由所附的权利要求范围决定。