CN103197845A - 通过网页利用选项框选取商品部件的方法 - Google Patents

Abstract

一种通过网页利用选项框选取商品部件的方法，由用户通过网页对服务器中的商品的三维模型中的部件进行选择，所述方法包括：根据商品模型的特点，分解出商品的多个可选取部件并为每个可选取部件分配一个用于在服务器中标识该可选取部件的部件号；对商品模型的多个可选取部件进行分析或处理得到与所述多个可选取部件对应的多个可选取部件选项；通过Javascript技术在网页中显示由所述多个可选取部件选项构成的选项框；通过将鼠标定位在选项框中的可选取部件选项上来获得该可选取部件的部件号，从而使得用户可以对商品的某些部件进行单独选择，实现商品组合的灵活性。此外，本发明还提供了一种通过网页在线拼装定制方法。

Description

通过网页利用选项框选取商品部件的方法

技术领域

本发明涉及图像识别技术领域及3D技术领域，特别涉及一种通过网页利用选项框选取商品的三维模型中的部件的方法。

背景技术

传统的电子商务通过采购或者自主设计商品，批量生产并通过互联网平台销售给用户。随着生活水平的提高，用户对个性化定制的商品需求越来越多。其中最典型的例子是可以将自己的照片或者图片印刷定制的T恤衫。在传统电子商务平台下，这种需求很难得到满足，但是，随着电子商务的发展使这种需求成为可能。

在当前的互联网的电子商务实践中，已经存在多种在线商品定制方案。例如，www.kadang.com网站所采用的在线商品定制方案可以允许用户在线定制包括T恤，茶杯，手机壳等商品。但其在线定制功能仅允许用户提供定制素材，而无法在购买前看到所定制的商品，尤其是它仅仅提供了商品的图片，因此也无法从多个角度查看定制效果；www.idx.com.cn网站是一家以运动鞋为主的在线运动鞋定制网站，其所采用的在线商品定制方案可以允许用户定制一双鞋的各个部件的面料，并且提供了3D显示功能，用户可以在收到鞋之前从多角度看到商品的最终效果。但是，它并没有采用真正的3D技术，而是实现从多个角度将各种鞋面材料拍照，通过图片拼装的方式进行展示。这种方案的问题在于首先它需要大量的前期拍照工作，其次它的适用范围较窄，例如服装，家具等商品就很难实现。并且，用户仅能对选定的鞋型自由选择材质和面料，不能满足用户更高的个性化需求。

因此，需要可以根据用户需要在线选择商品的不同的部件进行自由拼装的在线商品定制。然而，如何通过网页准确地选择商品的不同部件是首先需要解决的问题。

发明内容

为解决上述问题，本发明提供一种通过网页利用选项框选取商品部件的方法，用户可根据需要选择不同的部件，从而使得用户可以对商品的某些部件进行单独选择，实现商品组合的灵活性。

为了达到上述目的，本发明提供一种通过网页利用选项框选取商品部件的方法，由用户通过网页对服务器中的商品的三维模型中的部件进行选择，所述方法包括：根据商品模型的特点，分解出商品的多个可选取部件并为每个可选取部件分配一个用于在服务器中标识该可选取部件的部件号；对商品模型的多个可选取部件进行分析或处理得到与所述多个可选取部件对应的多个可选取部件选项；通过Javascript技术在网页中显示由所述多个可选取部件选项构成的选项框；通过将鼠标定位在选项框中的可选取部件选项上来获得该可选取部件的部件号。

优选地，通过基于网页的Javascript代码获得与所述可选取部件选项对应的部件号。

优选地，所述可选取部件选项为该可选取部件的名称。

优选地，所述可选取部件的名称与该可选取部件的部件号相对应。

优选地，所述可选取部件选项为该可选取部件的缩略图。

优选地，所述可选取部件的缩略图与该可选取部件的部件号相对应。

优选地，通过对商品模型的多个可选取部件进行分色渲染获得对应的多个可选取部件的缩略图。

优选地，所述对商品模型的多个可选取部件进行分色渲染包括：为多个可选取部件分别分配不同的纯色；根据每个可选取部件所分配到的纯色，对每个可选取部件进行渲染得到该可选取部件的缩略图。

优选地，所述可选取部件的缩略图为支持透明背景的png，gif，bmp格式图片文件。

优选地，所述方法还包括：为每个可选取组件生成一个透明蒙板文件；根据所选择的选项框中的可选取部件选项选择相对应的透明蒙板文件；通过将该透明蒙板文件覆盖在所选择的可选取部件上，使该可选取部件被高亮。

优选地，所述透明蒙板文件的覆盖通过基于网页的Javascript代码实现。

优选地，所述透明蒙板文件为支持透明背景的png，gif，bmp格式图片文件。

优选地，所述透明蒙板文件包括与所述可选取部件对应的所需要高亮显示的区域，并且该区域的大小和形状与对应的可选取部件的形状相同。

优选地，所述透明蒙板文件的所需要高亮显示的区域为不透明的，而其余区域为透明的。

优选地，所述透明蒙板文件的所需要高亮显示的区域的边缘为不透明的，而其余区域为透明的。

为达到上述目的，本发明还提供了一种通过网页在线拼装定制方法，能够通过网页选择不同的部件进行自由拼装，使得能够定制出满足客户个性化需求的商品。

所述通过网页在线拼装定制方法，由用户通过网页对服务器中的商品的三维模型中的部件进行选择，以定制成虚拟商品，所述方法包括：根据定制商品的三维模型，分解出商品的可定制部分以及可定制部分的可定制部件；对这些可定制部件和商品分别进行3D建模得到可定制部件和商品的3D模型并将对应的3D建模文件保存在服务器中；通过网页利用选项框选取商品部件，并选择所述可定制部分的可定制部件；服务器根据所选择的可定部分的可定制部件对商品模型进行渲染并保存所述渲染的数据；在网页中显示具有所述可定制部件的商品模型的效果图。

优选地，通过三维建模工具对可定制部件进行3D建模。

优选地，所述方法还包括：通过Javascript技术在网页中显示具有所述可定制部件的商品模型的效果图。

优选地，所述效果图是具有所述可定制部件的商品模型的八个不同角度的八张图片。

优选地，在页面操作时，通过鼠标滚轮或者点击屏幕特定区域轮流显示所述八张图片以获得三维展示的效果。

优选地，所述方法包括通过网页设置可定制部件的属性。

优选地，所述属性为材质、形状、颜色或图案中的至少一种。

本发明的有益效果是：

1、通过网页利用选项框选取商品部件的方法，用户可根据需要选择不同的部件，从而使得用户可以对商品的某些部件进行单独选择，实现商品组合的灵活性，并且通过与部件相对应的蒙板还能实现在网页上高亮显示选取不规则区域的效果。

2、通过网页在线拼装定制方法，用户可根据需要选择不同的部件进行的自由拼装，能够最大程度地满足用户的个性化定制的需求。

3、通过Javascript技术在网页中显示渲染得到的定制商品的效果图，为用户提供交互式的所见即所得的定制服务。

附图说明

通过说明书附图以及随后与说明书附图一起用于说明本发明某些原理的具体实施方式，本发明所具有的其它特征和优点将变得清楚或得以更为具体地阐明。

图1示出了本发明的通过网页利用选项框选取商品部件的方法的流程图；

图2示出了根据本发明的通过网页利用选项框选取商品部件的方法的第一实施例选择的鞋子的部件的视图；

图3示出了根据本发明的通过网页利用选项框选取商品部件的方法的第二实施例选择的鞋子的部件的视图；

图4示出了本发明的通过网页在线拼装定制方法的流程图；

图5示出了根据本发明的通过网页在线拼装定制方法定制的鞋子3D的示意图。

应当了解，说明书附图并不一定按比例地显示本发明的具体结构，并且在说明书附图中用于说明本发明某些原理的图示性特征也会采取略微简化的画法。本文所公开的本发明的具体设计特征包括例如具体尺寸、方向、位置和外形将部件地由具体所要应用和使用的环境来确定。

在说明书附图的多幅附图中，相同的附图标记表示本发明的相同或等同的部件。

具体实施方式

在下面的描述中阐述了很多具体细节以便于充分理解本发明。但是本发明能够以很多不同于在此描述的其它方式来实施，本领域技术人员可以在不违背本发明内涵的情况下做类似推广，因此本发明不受下面公开的具体实施例的限制。

请参阅图1所示，图1示出了本发明的通过网页利用选项框选取商品部件的方法的流程图。本发明提供了一种通过网页利用选项框选取商品部件的方法，由用户通过网页对服务器中的商品的三维模型中的部件进行选择，所述方法包括：

步骤101、根据商品模型的特点，分解出商品的多个可选取部件并为每个可选取部件分配一个用于在服务器中标识该可选取部件的部件号。

步骤102、对商品模型的多个可选取部件进行分析或处理得到与所述多个可选取部件对应的多个可选取部件选项。

在一实施例中，所述可选取部件选项为该可选取部件的名称，并且所述可选取部件的名称与该可选取部件的部件号相对应。

在另一实施例中，所述可选取部件选项可以为该可选取部件的缩略图，并且所述可选取部件的缩略图与该可选取部件的部件号相对应。可通过对商品模型的多个可选取部件进行分色渲染获得对应的多个可选取部件的缩略图，其中，所述对商品模型的多个可选取部件进行分色渲染包括：首先为多个可选取部件分别分配不同的纯色；然后根据每个可选取部件所分配到的纯色，对每个可选取部件进行渲染得到该可选取部件的缩略图。所述可选取部件的缩略图为支持透明背景的png，gif，bmp格式图片文件，但本发明不限于此，所述缩略图可以为任何适当格式的图片文件。

本发明不限于此，在其他实施例中，所述可选取部件选项也可由其他适合的标识表示。

步骤103、通过Javascript技术在网页中显示由所述多个可选取部件选项构成的选项框。

在一实施例中，所述选项框中为多个可选取部件的名称，优选地，所述构成选项框的多个可选取部件的名称在页面中以列表形式显示，但本发明不限于此，所述多个可选取部件的名称还可以通过例如表格等其他适当的方式显示。

在另一实施例中，所述选项框中为多个可选取部件的缩略图，优选地，所述构成选项框的多个可选取部件的缩略图在页面中以列表形式显示，但是本发明不限于此，所述多个可选取部件的缩略图还可以通过例如缩略图片阵列等其他适当的方式显示。

步骤104、通过将鼠标定位在选项框中的可选取部件选项上来获得该可选取部件的部件号。其中，可通过基于网页的Javascript代码获得与所述可选取部件选项对应的部件号。

此外，所述通过网页利用选项框选取商品部件的方法还包括：为每个可选取组件生成一个透明蒙板文件；根据所选择的选项框中的可选取部件选项选择相对应的透明蒙板文件；通过将该透明蒙板文件覆盖在所选择的可选取部件上，使该可选取部件被高亮。

其中，所述透明蒙板文件为支持透明背景的png，gif，bmp格式图片文件，但本发明不限于此，还可以为任何合适格式的图片文件；所述蒙板文件包括与所述可选取部件对应的所需要高亮显示的区域，并且每个透明蒙板文件的所需要高亮显示的区域的大小和形状与对应的商品模型的可选取部件的形状相同；其中，所述透明蒙板文件的所需要高亮显示的整个区域为不透明的，而其余区域为透明的。所述蒙板文件的覆盖通过基于网页的Javascript代码实现。

在另一实施例中，所述透明蒙板文件的所需要高亮显示的区域的边缘为不透明的，而其余区域为透明的。

本发明的通过网页利用选项框选取商品部件的方法可应用于选择各种商品的部件，例如，服装、鞋子、家具等。下面仅以鞋为例对本发明的具体实施例进行描述。

图2示出了根据本发明的通过网页利用选项框选取商品部件的方法的第一实施例选择的鞋子的部件的视图。下面通过参考图2具体描述选择鞋子的部件的过程。

根据鞋子的特点，分析出鞋子可具有7个可选取部件，包括鞋底部件鞋跟部件、鞋面部件、鞋后跟部件、鞋帮部件、鞋带部件和鞋口部件并为每个部件分配一个用于在服务器中标识该可选取部件的部件号。然后，对鞋子的7个可选取部件进行分析，为每个可选取部件命名，7个可选取部件的名称分别为鞋底、鞋跟、鞋面、鞋后跟、鞋帮、鞋带和鞋口，每个可选取部件的名称对应于该可选取部件的部件号。

同时，为鞋子的7个可选取部件分别生成对应的7个透明蒙板文件；每个蒙板文件包括与该可选取部件对应的所需要高亮显示的区域，并且每个透明蒙板文件的所需要高亮显示的区域的大小和形状与对应的商品模型的可选取部件的形状相同，其中，所述透明蒙板文件的所需要高亮显示的区域的边缘为不透明的，而其余区域为透明的。

通过Javascript技术在网页中显示商品和这些可选取部件的模型及对应的名称，多个可选取部件的名称在网页中列表显示构成选项框。当用户希望选择鞋帮部件时，用鼠标选择选项框中对应于鞋帮部件的名称“鞋帮”，通过基于网页的Javascript代码可获得鼠标选择的名称，进而获得对应于“鞋帮”的鞋帮部件的部件号，从而实现了通过网页对服务器中的鞋帮部件的选择，同时，通过基于网页的Javascript代码将与鞋帮部件的部件号对应的透明蒙板文件覆盖在鞋帮部件上，该透明蒙板文件的不透明部分就是鞋帮部件形状的边缘，并且该透明蒙板文件的不透明部分正好覆盖在鞋帮部件的边缘上，因此，实现了通过网页对服务器中的鞋帮部件的选择并高亮显示鞋帮部件的边缘。

图3示出了根据本发明的通过网页利用选项框选取商品部件的方法的第二实施例选择的鞋子的部件的视图。下面通过参考图3具体描述选择鞋子的部件的过程。

与图2所示的第一实施例相比，图3所示的第二实施例的不同之处在于：对鞋子的7个可选取部件进行处理，该处理包括分别为鞋底部件、鞋跟部件、鞋面部件、鞋后跟部件、鞋帮部件、鞋带部件和鞋口部件分配七种不同的颜色例如，红色、橙色、黄色、绿色、黑色、青色、紫色，然后根据每个可选取部件所分配到的纯色对该可选取部件进行渲染得到一个渲染缩略图，但本实施例不限于此，也可采用其他的颜色对鞋子的各个可选取部件进行渲染。每个可选取部件的缩略图对应于该可选取部件的部件号。

同时，为鞋子的7个可选取部件分别生成对应的7个透明蒙板文件；其中，每个蒙板文件包括与该可选取部件对应的所需要高亮显示的区域，并且每个透明蒙板文件的所需要高亮显示的区域的大小和形状与对应的商品模型的可选取部件的形状相同；每个透明蒙板文件的所需要高亮显示的整个区域为不透明的，而其余区域为透明的。

通过Javascript技术在网页中显示商品和这些可选取部件的模型及对应的缩略图，多个可选取部件的缩略图在网页中列表显示构成选项框。当用户希望选择鞋帮部件时，用鼠标选择选项框中对应于鞋帮部件的缩略图，通过基于网页的Javascript代码可获得鼠标选择的缩略图，进而获得对应于缩略图的鞋帮部件的部件号。同时，通过基于网页的Javascript代码将与鞋帮部件的部件号对应的透明蒙板文件覆盖在鞋帮部件上。该透明蒙板文件的不透明部分就是整个鞋帮部件形状，并且该透明蒙板文件的不透明部分正好覆盖在整个鞋帮部件上。因此，实现了通过网页对服务器中的鞋帮部件的选择并高亮显示鞋帮部件。

以此类推，当鼠标选择鞋子的不同部件的缩略图时，可显示不同形状但颜色统一的蒙板，从而达到分别标示的效果。

请参阅图4所示，图4示出了本发明的通过网页在线拼装定制方法的流程图。本发明提供了一种通过网页在线拼装定制方法，由用户通过网页对服务器中的商品的三维模型中的部件进行选择，以定制成商品，所述方法包括：

步骤401、根据定制商品三维模型，分解出商品的可定制部分以及可定制部分的可定制部件。

在以鞋作为示例的实施例中，所述可定制部件可以为鞋跟部件、鞋带部件、鞋面部件等，所述可定制部件可以为各种样式的鞋跟、鞋带以及鞋上的装饰件等，但是本发明的范围不限于此。

步骤402、对这些可定制部件和商品分别进行3D建模得到它们的3D模型并将它们的3D建模文件保存在服务器中。在本实施例中，通过三维建模工具对所述可定制部件和商品进行3D建模生成所述可定制部件和商品3D模型（例如，以鞋子为例，通过三维建模工具对鞋子进行3D建模，得到鞋子的3D模型），并将这些3D模型输出为OBJ格式的3D建模文件，所述3D建模文件包含模型的所有空间几何数据，这些几何数据包含了点和线构成的几万至几百万个三角形。

优选地，所述三维建模工具为3DSMAX或MAYA软件，但本发明不限于此，还可以是其它任何适用的三维建模工具。

步骤403、通过网页利用选项框选取商品部件，并选择所述可定制部分的可定制部件。

为了选择商品的可定制部分，对商品模型的多个可选取部分进行分析或处理得到与所述多个可选取部分对应的多个可选取部分选项。

在一个实施例中，所述可定制部分选项为该可定制部分的名称，并且所述可定制部分的名称与该可定制部分的编号相对应。所述可定制部分的名称可通过对可定制部分进行分析，为每个可定制部分命名获得。

接着，通过基于网页的Javascript代码可获得鼠标选择的名称，进而获得对应于所选择的名称的可定制部分的编号。

在另一实施例中，所述可定制部分选项可以为该可定制部分的缩略图，并且所述可定制部分的缩略图与该可定制部分的编号相对应。可通过对商品模型的多个可定制部分进行分色渲染获得对应的多个可定制部分的缩略图，其中，所述对商品模型的多个可定制部分进行分色渲染包括：首先为多个可定制部分分别分配不同的纯色；然后根据每个可定制部分所分配到的纯色，对每个可定制部分进行渲染得到该可定制部分的缩略图。同时，为每个可定制部分生成一个透明蒙板文件。

接着，通过基于网页的Javascript代码可获得鼠标选择的缩略图，进而获得对应于所选择的缩略图的可定制部分的编号。并通过基于网页的Javascript代码将与可定制部分对应的透明蒙板文件覆盖在该可定制部分上，使该可定制部分被高亮。其中，所述蒙板文件的覆盖可通过基于网页的Javascript代码中实现。

步骤404、服务器根据所选择的可定部分的可定制部件对商品模型进行渲染并保存所述渲染的数据，其中在渲染时需要指定可定制部件的模型的相对位置，可采用现有的渲染技术对商品进行渲染。

在本实施例中，渲染的过程包括：首先将渲染请求通过网络发送给渲染引擎；然后，渲染引擎根据渲染请求读取并载入所需要渲染的可定制部件的模型文件，同时还会载入可定制部件的模型的相对位置等；在载入完毕之后，引擎首先设定一个相机位置，然后对可定制部件的三维模型中的每个点分析其光线反射后产生的图像，最终组合成一个渲染结果图。

步骤405、在网页中显示具有所述可定制部件的商品模型的效果图。在本实施例中，可通过Javascript技术在网页中显示具有所述可定制部件的商品模型的效果图，所述效果图是所述可定制部件的商品模型的八个不同角度的八张图片，用户在页面操作时可以通过鼠标滚轮或者点击屏幕特定区域轮流显示这八张图片，达到三维展示的效果。但本发明不限于此，可采用更多或更少角度的图片来展示三维效果。

优选地，还可通过网页设置可定制部件的属性。在本实施例中，所述属性为部件材质、形状、颜色或图案等等。例如，当用户选择模型的一个可定制部分并且选择了对应的可定制部件（例如，装饰件）之后，可以选择该装饰件的材质、形状等。有关所述属性的数据存放在单独的图形文件中，在渲染时会根据渲染命令读取并处理。

下面仅以鞋为例对本发明的具体实施例进行描述。图5为根据本发明的通过网页在线拼装定制方法定制的鞋子3D的示意图。通过参考图5具体描述定制鞋子的过程。

根据鞋子的特点，分析出鞋子可具有7个可定制部分501、502、503、504、505、506和507，以及其对应的可定制部件分别为各种类型的鞋底、鞋跟、鞋面、鞋后跟、鞋帮、鞋带和鞋口。以然后采用3DSMAX软件对鞋子500和这些可定制部件进行3D建模生成OBJ格式的3D建模文件，并将所述3D建模文件保存在服务器中。

通过可通过Javascript技术在网页中显示商品和这些可定制部件的模型、可定制部分的缩略图、以及各个可定制部件的可选择的属性。

用户通过鼠标在网页的选项框中选取对应于可定制部分501的缩略图，选择喜欢类型的鞋底模型，例如选择高跟鞋鞋底，并选择鞋底模型的属性，例如，颜色为黑色，材质为牛筋。服务器收到用户的选择后，根据用户选择的鞋底模型及其属性和该鞋底模型的相对位置，对鞋子模型进行渲染，并保存渲染的数据。然后，通过Javascript技术在网页中显示具有黑色的牛筋材质的高跟鞋鞋底的鞋子模型。

接着，用户在网页的选项框中选取对应于可定制部分502的缩略图，选择喜欢类型的高跟鞋跟模型，例如选择圆锥形高跟鞋鞋跟，并选择鞋跟模型的属性，例如，颜色为黑色，材质为耐磨塑料。服务器收到用户的选择后，根据用户选择的鞋跟模型及其属性和该鞋跟模型的相对位置，对上述具有黑色的耐磨塑料的高跟鞋鞋跟的鞋子模型进行渲染，并保存渲染的数据。然后，通过Javascript技术在网页中显示具有黑色的牛筋材质的高跟鞋鞋底和黑色的耐磨塑料的鞋跟的鞋子模型。

类似地，依次完成可定制部分503、504、505、506、507的选取，以及对应的可定制部件及其属性的选择，最后得到如图5所示的高跟鞋，从而实现了鞋子的全部个性化定制。用户在页面操作时，可通过鼠标滚轮轮流显示定制的高跟鞋的八个角度的八张图，以观看定制的鞋子的三维展示的效果。

上述实施例是用于例示性说明本发明的原理及其功效，但是本发明并不限于上述实施方式。本领域的技术人员均可在不违背本发明的精神及范畴下，在权利要求保护范围内，对上述实施例进行修改。因此本发明的保护范围，应如本发明的权利要求书覆盖。

Claims (22)

1.一种通过网页利用选项框选取商品部件的方法，由用户通过网页对服务器中的商品的三维模型中的部件进行选择，其特征在于，所述方法包括：

根据商品模型的特点，分解出商品的多个可选取部件并为每个可选取部件分配一个用于在服务器中标识该可选取部件的部件号；

对商品模型的多个可选取部件进行分析或处理得到与所述多个可选取部件对应的多个可选取部件选项；

通过Javascript技术在网页中显示由所述多个可选取部件选项构成的选项框；

通过将鼠标定位在选项框中的可选取部件选项上来获得该可选取部件的部件号。

2.根据权利要求1所述的通过网页利用选项框选取商品部件的方法，其特征在于，通过基于网页的Javascript代码获得与所述可选取部件选项对应的部件号。

3.根据权利要求2所述的通过网页利用选项框选取商品部件的方法，其特征在于，所述可选取部件选项为该可选取部件的名称。

4.根据权利要求3所述的通过网页利用选项框选取商品部件的方法，其特征在于，所述可选取部件的名称与该可选取部件的部件号相对应。

5.根据权利要求2所述的通过网页利用选项框选取商品部件的方法，其特征在于，所述可选取部件选项为该可选取部件的缩略图。

6.根据权利要求5所述的通过网页利用选项框选取商品部件的方法，其特征在于，所述可选取部件的缩略图与该可选取部件的部件号相对应。

7.根据权利要求6所述的通过网页利用选项框选取商品部件的方法，其特征在于，通过对商品模型的多个可选取部件进行分色渲染获得对应的多个可选取部件的缩略图。

8.根据权利要求7所述的通过网页利用选项框选取商品部件的方法，其特征在于，所述对商品模型的多个可选取部件进行分色渲染包括：

为多个可选取部件分别分配不同的纯色；

根据每个可选取部件所分配到的纯色，对每个可选取部件进行渲染得到该可选取部件的缩略图。

9.根据权利要求5所述的通过网页利用选项框选取商品部件的方法，其特征在于，所述可选取部件的缩略图为支持透明背景的png，gif，bmp格式图片文件。

10.根据权利要求1所述的通过网页利用选项框选取商品部件的方法，其特征在于，所述方法还包括：

为每个可选取组件生成一个透明蒙板文件；

根据所选择的选项框中的可选取部件选项选择相对应的透明蒙板文件；

通过将该透明蒙板文件覆盖在所选择的可选取部件上，使该可选取部件被高亮。

11.根据权利要求10所述的通过网页利用选项框选取商品部件的方法，其特征在于，所述透明蒙板文件的覆盖通过基于网页的Javascript代码实现。

12.根据权利要求10所述的通过网页利用选项框选取商品部件的方法，其特征在于，所述透明蒙板文件为支持透明背景的png，gif，bmp格式图片文件。

13.根据权利要求12所述的通过网页利用选项框选取商品部件的方法，其特征在于，所述透明蒙板文件包括与所述可选取部件对应的所需要高亮显示的区域，并且该区域的大小和形状与对应的可选取部件的形状相同。

14.根据权利要求13所述的通过网页利用选项框选取商品部件的方法，其特征在于，所述透明蒙板文件的所需要高亮显示的区域为不透明的，而其余区域为透明的。

15.根据权利要求13所述的通过网页利用选项框选取商品部件的方法，其特征在于，所述透明蒙板文件的所需要高亮显示的区域的边缘为不透明的，而其余区域为透明的。

16.一种通过网页在线拼装定制方法，由用户通过网页对服务器中的商品的三维模型中的部件进行选择，以定制成虚拟商品，其特征在于，所述方法包括：

根据定制商品的三维模型，分解出商品的可定制部分以及可定制部分的可定制部件；

对这些可定制部件和商品分别进行3D建模得到可定制部件和商品的3D模型并将对应的3D建模文件保存在服务器中；

通过网页利用选项框选取商品部件，并选择所述可定制部分的可定制部件；

服务器根据所选择的可定部分的可定制部件对商品模型进行渲染并保存所述渲染的数据；

在网页中显示具有所述可定制部件的商品模型的效果图。

17.根据权利要求16所述的通过网页在线拼装定制方法，其特征在于，通过三维建模工具对可定制部件进行3D建模。

18.根据权利要求16所述的通过网页在线拼装定制方法，其特征在于，所述方法还包括：通过Javascript技术在网页中显示具有所述可定制部件的商品模型的效果图。

19.根据权利要求18所述的通过网页在线拼装定制方法，其特征在于，所述效果图是具有所述可定制部件的商品模型的八个不同角度的八张图片。

20.根据权利要求19所述的通过网页在线拼装定制方法，其特征在于，在页面操作时，通过鼠标滚轮或者点击屏幕特定区域轮流显示所述八张图片以获得三维展示的效果。

21.根据权利要求16所述的通过网页在线拼装定制方法，其特征在于，所述方法包括通过网页设置可定制部件的属性。

22.根据权利要求21所述的通过网页在线拼装定制方法，其特征在于，所述属性为材质、形状、颜色或图案中的至少一种。

Images