基于WEB的电脑出格设计的搭位绘制方法与流程

本发明涉及箱包设计技术领域，尤其是一种基于web的电脑出格设计的搭位绘制方法。

背景技术：

目前，在箱包手袋行业进行产品设计所采用的电脑出格系统均是十几年前基于单机版所开发的。虽然这些电脑出格系统仍具有使用价值，但存在不少问题。首先，这些电脑出格系统是比较早开发的，伴随着时代的进步，这些电脑出格系统中的功能已经难以满足目前对产品更新换代和创新的需要；第二，这些电脑出格系统是基于早期开发环境开发的，一旦系统存在问题，难以找到原先哪些过时的系统软件，导致难以有效和及时运行维护这些系统；第三，这些电脑出格系统是基于单机版开发的，不能实现对一个产品进行多人交互式设计的需要，或者说无法实现目前互联网化时代不同人共同在同一个时间内进行交互式设计的需要，也不能适应互联网时代产品设计并行交互的需要，这极大降低了设计产品的生产效率和创新能力的提升。上述这些问题严重影响了这些行业的生产效率、创新能力和所研发设计新产品的周期。甚至影响这些企业的生存和发展。

伴随着“互联网+”成为产业发展新常态，在箱包手袋等加工制造领域，实现将加工制造业与“互联网+”融合已成为这些企业全新的加工制造新模式。企业基于这种“互联网+加工制造”模式对企业提升生产效率、缩短研发或设计周期、降低人力资源成本，改进和提升企业的创新能力，增强抵抗外部风险，实现企业智慧设计、加工等方面具有重要意义。在现有技术中，对箱包的设计还是立足于人工手工绘制或者采用计算机绘图软件绘制后，拿着样纸去生产，其生产效率较低，操作较为复杂，使用不方便，设计到生产的周期长，生产成本较高，不利于个性化、集约化、高效化的箱包、手袋的款式设计的生产和管理。

搭位作为箱包、手袋生产中的一个重要工序，现有的方法生产非常复杂，效率低，搭位的选择可控性较差，精确度不够，不能自由选择搭位的部分图形。

因此，现有技术需要改进。

技术实现要素：

本发明实施例所要解决的一个技术问题是：提供一种基于web的电脑出格设计的搭位绘制方法，以解决现有技术存在的问题，所述基于web的电脑出格设计的搭位绘制方法包括：

选择一个搭位设计页面，所述设计页面上至少包含一个牙位的裁片和一个将要搭位的线段；

选择搭位功能按键，单击鼠标左键，选中连续的要映射的边；

弹出牙位的参数框，输入相关参数后，完成牙位绘制；

从选中的边上的任意一点引出一条直线；

弹出搭位参数面板，输入相关参数，绘制辅助线；

点击映射边上的牙位图像，在辅助线上对应位置生成与映射边上的牙位图像对应的牙位；

弹出牙位参数面板，设置辅助线上的牙位参数，确认生成牙位；

辅助线上生成所有需要生成的牙位，结束搭位绘制。

在基于本发明上述基于web的电脑出格设计的搭位绘制方法的另一个实施例中，所述弹出牙位的参数框包括：

牙位的高度、相邻两个牙位的距离、牙位的数量。

在基于本发明上述基于web的电脑出格设计的搭位绘制方法的另一个实施例中，所述弹出搭位参数面板包括：

第一参数和第二参数；

所述第一参数用于设置所述辅助线与所述裁片的位置关系；

所述第二参数用于设置所述辅助线与所述要搭位的线段的位置关系。

在基于本发明上述基于web的电脑出格设计的搭位绘制方法的另一个实施例中，所述弹出牙位参数面板包括：

牙位的偏移距离、牙位的方向。

与现有技术相比，本发明具有以下优点：

本发明通过设置辅助线，将牙位的裁片上的牙位搭位到辅助线上，该方法选择图形快捷，辅助线的可控性好，搭位的精确度高，自由度高，方式灵活，且效率高。

下面通过附图和实施例，对本发明的技术方案做进一步的详细描述。

附图说明

构成说明书的一部分的附图描述了本发明的实施例，并且连同描述一起用于解释本发明的原理。

参照附图，根据下面的详细描述，可以更加清楚地理解本发明，其中：

图1为本发明的基于web的电脑出格设计的搭位绘制方法的一个实施例的流程图；

具体实施方式

现在将参照附图来详细描述本发明的各种示例性实施例。应注意到：除非另外具体说明，否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本发明的范围。

同时，应当明白，为了便于描述，附图中所示出的各个部分的尺寸并不是按照实际的比例关系绘制的。

以下对至少一个示例性实施例的描述实际上仅仅是说明性的，决不作为对本发明及其应用或使用的任何限制。

对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论，但在适当情况下，所述技术、方法和设备应当被视为说明书的一部分。

图1为本发明的基于web的电脑出格设计的搭位绘制方法的一个实施例的流程图，如图1所示，所述基于web的电脑出格设计的搭位绘制方法包括：

10，选择一个搭位设计页面，所述设计页面上至少包含一个牙位的裁片和一个将要搭位的线段；

20，选择搭位功能按键，单击鼠标左键，选中连续的要映射的边；

30，弹出牙位的参数框，输入相关参数后，完成牙位绘制；

40，从选中的边上的任意一点引出一条直线；

50，弹出搭位参数面板，输入相关参数，绘制辅助线；

60，点击映射边上的牙位图像，在辅助线上对应位置生成与映射边上的牙位图像对应的牙位；

70，弹出牙位参数面板，设置辅助线上的牙位参数，确认生成牙位；

80，辅助线上生成所有需要生成的牙位，结束搭位绘制。

所述弹出牙位的参数框包括：

牙位的高度、相邻两个牙位的距离、牙位的数量。

所述弹出搭位参数面板包括：

第一参数和第二参数；

所述第一参数用于设置所述辅助线与所述裁片的位置关系；

所述第二参数用于设置所述辅助线与所述要搭位的线段的位置关系。

所述弹出牙位参数面板包括：

牙位的偏移距离、牙位的方向。

在具体的实时过程中，首先画布上必须有要有一个包含牙位的裁片和将要搭位的线段；

鼠标左键单击选择工具栏中搭位功能键；

单击鼠标左键选中连续的要映射的边，从上面的底边从左至右依次选中有牙位的边，鼠标右键结束选中状态；

此时将会弹出牙位的参数框，用户输入理想的数值后点击确定完成牙位绘制；

选择上一步选中的边上任选一点引出一条直线；

选择要映射的边，鼠标右键结束选中状态；

映射边任选一点引出一条直线；

操作完成后自动弹出搭位参数面板，具有两个参数距离1和距离2，通过修改距离1和距离2重新绘制图中折线的辅助线和下方直线的辅助线；

依次点击折线上的牙位，在下方直线上对应的距离位置上生成一个牙位，同时弹出牙位参数面板，反向，偏移距离等，通过勾选反向或者修改偏移距离重新绘制牙位，结束搭位绘制。

本说明书中各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其它实施例的不同之处，各个实施例之间相同或相似的部分相互参见即可。对于系统实施例而言，由于其与方法实施例基本对应，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

本发明的描述是为了示例和描述起见而给出的，而并不是无遗漏的或者将本发明限于所公开的形式。很多修改和变化对于本领域的普通技术人员而言是显然的。选择和描述实施例是为了更好说明本发明的原理和实际应用，并且使本领域的普通技术人员能够理解本发明从而设计适于特定用途的带有各种修改的各种实施例。