CN108228998A - 基于web的电脑出格设计系统 - Google Patents

Abstract

本发明实施例公开了一种基于WEB的电脑出格设计系统，包括：图形数据子系统，为基本图形样式和常见图形模块，通过图形数据子系统组合成需要设计的图形图像；设计工具子系统，通过图形数据子系统获取基本图形工具，并采用多种设计工具和组合方式，设计出需要设计的图形图像；网络服务子系统，为所述图形数据子系统和设计工具子系统提供基于WEB的网络服务以及图形图像设计的硬件工具。本发明通过图形数据子系统和设计工具子系统的内部各模块，以及各模块的元素、工具，依托于网络服务子系统提供硬件工具和互联网服务，使系统能够帮助用户进行箱包、手袋的款式设计到实样的生产和管理，帮助企业提高生产效率、缩短生产周期、降低生产成本。

Description

基于WEB的电脑出格设计系统

技术领域

本发明涉及箱包设计技术领域，尤其是一种基于WEB的电脑出格设计系统。

背景技术

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

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

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

发明内容

本发明实施例所要解决的一个技术问题是：提供一种基于WEB的电脑出格设计系统，以解决现有技术存在的问题，所述基于WEB的电脑出格设计系统包括：

图形数据子系统、设计工具子系统、网络服务子系统；

所述图形数据子系统为基本图形样式和常见图形模块，通过图形数据子系统组合成需要设计的图形图像；

所述设计工具子系统通过图形数据子系统获取基本图形工具，并采用多种设计工具和组合方式，设计出需要设计的图形图像；

所述网络服务子系统为所述图形数据子系统和设计工具子系统提供基于WEB的网络服务以及图形图像设计的硬件工具；

所述图形数据子系统和设计工具子系统依赖于所述网络服务子系统而工作。

在基于本发明上述基于WEB的电脑出格设计系统的另一个实施例中，所述图形数据子系统包括：基础图形模块、常见图形模块；

所述基础图形模块用于提供设计产品需要的基本图形设计元素，所述基础图形模块中的多种基本图形组成常见图形模块中的常见图形结构；

所述常见图形模块用于提供设计产品需要的最常见的图形设计结构。

在基于本发明上述基于WEB的电脑出格设计系统的另一个实施例中，所述设计工具子系统包括：基础工具模块、专业工具模块、图形变换模块、测量工具模块、编辑工具模块；

所述基础工具模块用于实现在所述基础图形模块和常见图形模块的图形库中快速准确地完成与这些图形满足其特定关系的基础图形进行绘制的工具；

所述专业工具模块用于在所述基础图形模块和常见图形模块的图形库中实现对图形进行专业领域设计、生产和管理需要的特定含义的图形进行绘制的工具；

所述图形变换模块用于实现对设计图形的变形操作，借助这些图形变换实现设计者对所绘制图形多种样式；

所述测量工具模块用于实现对图形中任意两点的距离测量和多图形之间的长度和或长度差的测量；

所述编辑工具模块用于实现对任意已经绘制图形的编辑处理。

在基于本发明上述基于WEB的电脑出格设计系统的另一个实施例中，所述基础图形模块包括：

点元素、直线元素、曲线元素；

所述点元素的参数属性包括：起始位置、点粗细、文字、半径、图层；

所述直线元素的参数属性包括：起始位置、长度、角度、线型、线颜色、线粗细、线长短、文字、图层；

所述曲线元素的参数属性包括：起始位置、长度、线型、线颜色、线粗细、线长短、文字、图层。

在基于本发明上述基于WEB的电脑出格设计系统的另一个实施例中，所述常见图形模块包括：

椭圆图形、矩形图形、梯形图形、田字格图形、三点弧图形；

所述椭圆图形用于在画布上任意位置交互式绘制椭圆形规则曲线图形；

所述矩形图形用于在画布任意位置上绘制满足需要的矩形图形；

所述梯形图形用于在画布任意位置上绘制满足需要的梯形图形；

所述田字格图形用于在画布任意位置上绘制满足需要的田字格图形；

所述三点弧图形用于生成一个由三个点连成的弧线，三点弧图形由两点确定三点弧图形的宽度，由第三点确定三点弧图形的高度。

在基于本发明上述基于WEB的电脑出格设计系统的另一个实施例中，所述基础工具模块包括：

双线绘制工具，用于在画布上的任意位置绘制两条直线图形且此两条直线的终点相距指定长度的距离，起点在同一位置；

角度线绘制工具，用于以一条直线为基准，绘制一条带有指定角度的直线；

垂直线绘制工具，用于对在一条直线或规则曲线或不规则曲线或三点弧图形上的指定位置引出一条垂直线，该垂直线与该图形上经过指定点的切线垂直；

连接线绘制工具，用于对被选择的任意两条线进行最近两端点的连接；

延长线绘制工具，用于将线段延某个端点延长指定数值的长度，所述延长线绘制工具将直线延长之后还是一条直线，将曲线在端点方向增加一条与短点相切的直线段；

等份点绘制工具，用于对某一图形指定两点间长度用若干等距离点隔开；

线剪切绘制工具，用于实现针对选择的一条线为参考线有相交的一组线进行剪切处理；

线补足绘制工具，用于实现对画布上选中的图形快速延长至指定的参考线；

等距离点绘制工具，用于在画布上以一条线段上的一点为中心点，增加两个点，这两个点到中心点的距离相等；

线剪断绘制工具，用于在指定的位置将一条完整的线段剪成两条线段，形状与原来的保持一致；

线上阵列绘制工具，用于将选中的图形并按指定的图形基准点作为与直线的交点，在这个直线上确定图形阵列位置后从左到右生成若干个与选中图形大小相同且方向一致的图形，且这些图形相邻距离一样；

圆上阵列绘制工具，用于将选中的图形围绕一个中心点复制旋转用户指定的角度后，生成用户指定个数的与被选中图形一致的若干个图形；

圆角绘制工具，用于将两条非平行的直线形成的夹角改变为圆角，若两条直线未相交，则按照两条直线的延长线相交形成的角来改变；

角平分线绘制工具，用于将不平行的两条直线形成的四个方位中的任意一个方位角的平分线，起始点为这两直线的交点；

等分点绘制工具，用于一条直线线段上的某两点之间的线段分成若干距离相等的部分，或者任意两点之间连成的直线用若干个点分成若干个距离相等的部分。

在基于本发明上述基于WEB的电脑出格设计系统的另一个实施例中，所述专业工具模块包括：

拉链窗绘制工具，用于生成一个全部由直线构成的拉链窗结构图形；

打角绘制工具，用于在两条直线之间增加打角线用于打角；

打牙位绘制工具，用于生成一个牙位，在设计的过程中起到固定裁片的作用；

搭位绘制工具，用于设计过程中，使一个结构图形上的牙位映射到另一个结构图形的过程；

打孔绘制工具，用于在指定的位置上生成一个固定半径的圆；

生成缝边绘制工具，用于对一个封闭的区域自动生成参数距离的外边或者是内边；

修改缝边绘制工具，用于修改已生成的不符合需求的某条缝边；

裁片精确生成绘制工具，用于生成包含用户指定的裁片内线的裁片；

提取裁片绘制工具，用于生成由用户指定的边形成的封闭区域，从而得到用户想要的裁片。

在基于本发明上述基于WEB的电脑出格设计系统的另一个实施例中，所述测量工具模块包括：

两点长度测量工具，用于测量两点之间的距离；

长度之和测量工具，用于测量任意条线段的长度之和；

长度之差测量工具，用于测量两条线段的长度之差。

在基于本发明上述基于WEB的电脑出格设计系统的另一个实施例中，所述图形变换模块包括：

平移工具，用于对指定的图形进行位移；

伸缩工具，用于对指定的图形按一定方向进行拉长或者缩短；

旋转工具，用于对指定的图形绕一点旋转指定的角度；

对称工具，用于将某图形根据用户指定的一条直线进行对称。

在基于本发明上述基于WEB的电脑出格设计系统的另一个实施例中，所述编辑工具模块包括：

复制工具，用于复制用户指定的图形；

粘贴工具，用于对已复制的图形粘贴到画布上；

撤销工具，用于返回上一步操作；

恢复工具，用于前进到下一步操作。

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

本发明通过图形数据子系统和设计工具子系统的内部各模块，以及各模块的元素、工具，依托于网络服务子系统提供硬件工具和互联网服务，使系统能够帮助用户进行箱包、手袋的款式设计到实样的生产和管理，该系统具有专业化、人性化、简单易学等特点，帮助企业提高生产效率、缩短生产周期、降低生产成本，为产业升级带来强劲力。

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

附图说明

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

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

图1为本发明的基于WEB的电脑出格设计系统的一个实施例的结构示意图。

图中：1图形数据子系统、11基础图形模块、12常见图形模块、2设计工具子系统、21基础工具模块、22专业工具模块、23图形变换模块、24测量工具模块、25编辑工具模块、3网络服务子系统。

具体实施方式

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

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

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

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

需要指出的是，本发明中的各个单元模块均为系统结构模块，其中部分模块虽然带有信息处理能力，根据不同的设计需求，可能需要配合相应的软件来实现，但是，这些软件均为现有公知的软件或公知的技术。本发明在采用专用集成电路时无需辅助软件也可以实现，即使具体运用中需要相应的软件，其也只是作为本发明在具体应用场景中与其他部分进行配合、协调，以便更好实现本发明在应用中的作用，与本发明的发明点无关，同时，如果采用现有芯片配合软件来工作时，其所使用的软件、处理方法均为现有软件和方法，本发明所实现的发明效果和目的地实现也不依赖于软件，而是通过硬件构造的改进来实现发明目的，并且，本发明所实现的发明效果和目的的实现也不依赖于软件，而是通过硬件构造的改进来实现发明目的，而且本发明所要求保护的范围不涉及软件本身，而仅仅是各个部分的连接关系和相对空间位置关系。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步讨论。

图形数据子系统1、设计工具子系统2、网络服务子系统3；

所述图形数据子系统1为基本图形样式和常见图形模块，通过图形数据子系统组合成需要设计的图形图像；

所述设计工具子系统2通过图形数据子系统1获取基本图形工具，并采用多种设计工具和组合方式，设计出需要设计的图形图像；

所述网络服务子系统3为所述图形数据子系统1和设计工具子系统2提供基于WEB的网络服务以及图形图像设计的硬件工具；

所述图形数据子系统1和设计工具子系统2依赖于所述网络服务子系统3而工作。

所述图形数据子系统1包括：基础图形模块11、常见图形模块12；

所述基础图形模块11用于提供设计产品需要的基本图形设计元素，所述基础图形模块11中的多种基本图形组成常见图形模块12中的常见图形结构；

所述常见图形模块12用于提供设计产品需要的最常见的图形设计结构。

所述设计工具子系统2包括：基础工具模块21、专业工具模块22、图形变换模块23、测量工具模块24、编辑工具模块25；

所述基础工具模块21用于实现在所述基础图形模块11和常见图形模块12的图形库中快速准确地完成与这些图形满足其特定关系的基础图形进行绘制的工具；

所述专业工具模块22用于在所述基础图形模块11和常见图形模块12的图形库中实现对图形进行专业领域设计、生产和管理需要的特定含义的图形进行绘制的工具；

所述图形变换模块23用于实现对设计图形的变形操作，借助这些图形变换实现设计者对所绘制图形多种样式；借助这些图形变换改进可以很方便地实现设计者对所绘制的图形进行各种变换，满足设计者对图形设计的需要；

所述测量工具模块24用于实现对图形中任意两点的距离测量和多图形之间的长度和或长度差的测量；

所述编辑工具模块25用于实现对任意已经绘制图形的编辑处理。

所述基础图形模块11包括：

点元素、直线元素、曲线元素；

所述点元素的参数属性包括：起始位置、点粗细、文字、半径、图层；

所述直线元素的参数属性包括：起始位置、长度、角度、线型、线颜色、线粗细、线长短、文字、图层；用于根据需要在画布上由指定直线起点后动态显示拟将生成的直线和直线距离，在确定直线终点后完成直线绘制，且自动弹出直线属性对话框，可通过对话框对直线长度和与X轴夹角进行更新，以重绘直线。

所述曲线元素的参数属性包括：起始位置、长度、线型、线颜色、线粗细、线长短、文字、图层；用于在画布上交互式绘制满足设计需求的具有二阶导数连续的自由曲线，在画布上一旦选定三个控制点后，动态绘制经过这三个控制点的光滑自由曲线和显示该自由曲线的长度，后续再确定控制点后继续完成自由曲线的动态绘制和显示自由曲线的长度，直至结束自由曲线绘制，此时自动弹出不规则曲线属性对话框，显示自由曲线对应的控制点数据和自由曲线长度值，可通过对话框对不规则规则的控制点进行修改，以重绘不规则曲线，生成需要的自由曲线。

线型包含：实线、点线线、点划线、虚线；线属性包含：笔线、全刀线、半刀线、内刀线以颜色来划分线属性。

所述常见图形模块12包括：

椭圆图形、矩形图形、梯形图形、田字格图形、三点弧图形；

所述椭圆图形用于在画布上任意位置交互式绘制椭圆形规则曲线图形；在绘制椭圆图形时，首先，在画布上确定椭圆心位置，动态显示以该点为椭圆的长短直径和周长两个属性值；在确定结束绘制椭圆后，自动弹出规则曲线属性对话框，可通过对话框对规则曲线的长、短轴直径长度进行更新，以重绘规则曲线；生成需要的椭圆。

所述矩形图形用于在画布任意位置上绘制满足需要的矩形图形；在绘制矩形图形时，首先确定矩形对角线一点，然后动态绘制两点所确定的矩形和矩形边长；结束绘制后自动弹出矩形属性对话框，显示矩形对角线两个点坐标、矩形边长和周长值，可通过对话框对矩形对角线两点进行修改，以重绘矩形，生成需要的矩形图形。

所述梯形图形用于在画布任意位置上绘制满足需要的梯形图形；在绘制梯形图形时，首先确定梯形对角线一点；然后动态绘制两点所确定的梯形和梯形周长；结束绘制后自动弹出梯形属性对话框；显示梯形的上下底长度、高度。另外，还可以绘制带圆角的梯形，即在梯形对话框属性中选择绘制带圆角选项并输入上下圆角边长数值，则可以重绘新的梯形或具有带圆角的梯形，生成需要的梯形图形。

所述田字格图形用于在画布任意位置上绘制满足需要的田字格图形；在绘制田字格图形时，首先确定田字格对角线一点；然后动态绘制两点所确定的田字格图形；结束绘制后自动弹出田字格图形属性对话框，显示田字格图形的两条边长；通过修改这两个参数数值，则可以重绘新的田字格图形，生成需要的田字格图形。

所述三点弧图形用于生成一个由三个点连成的弧线，三点弧图形由两点确定三点弧图形的宽度，由第三点确定三点弧图形的高度。在绘制三点弧图形时，首先选中三点弧的两个端点，即三点弧的宽度；然后移动鼠标时会动态显示三点弧的高度和长度，三点弧的高度为鼠标到两个端点连成的直线的距离；结束操作后自动弹出三点弧高度对话框，通过修改参数值重新绘制高度变化的三点弧图形

所述基础工具模块21包括：

双线绘制工具，用于在画布上的任意位置绘制两条直线图形且此两条直线的终点相距指定长度的距离，起点在同一位置；在使用双线绘制工具时，用户首先在画布上确定一条直线的起点；然后移动鼠标确定另一条直线的起点；最后移动鼠标确定两条直线的终点；最终的直线图形参数可由用户在弹出的参数框确定。

角度线绘制工具，用于以一条直线为基准，绘制一条带有指定角度的直线；在使用角度线绘制工具时，首先在画布上绘制一条红色基准线；随后移动鼠标同时动态绘制一条与基准线有一定角度的直线，移动至理想位置确定结束后；自动弹出角度线角度对话框，通过修改参数值重新绘制角度变化的角度线图形。

垂直线绘制工具，用于对在一条直线或规则曲线或不规则曲线或三点弧图形上的指定位置引出一条垂直线，该垂直线与该图形上经过指定点的切线垂直；在使用垂直线绘制工具时，选择需要作垂直线的点后自动弹出弹出绘制垂直线需要的参数设置对话框，包括长度或比例参数设置，其中长度表示引出垂直线的的绝对长度值，而比例则表示选择的图形长度与垂直线长度的比例，通过修改这两个参数数值，则可以重绘新的垂直线，生成需要的垂直线图形。

连接线绘制工具，用于对被选择的任意两条线进行最近两端点的连接；曲线与曲线以及曲线与直线之间的线连接后都会变成一条曲线，而直线与直线连接将会增加一条直线。在使用连接线绘制工具时，首先对画布上需要连接的两条线通过选择工具进行选中；然后执行结束操作，则对两条线进行针对性连接处理，将这两条线连接在一起，以便满足需要的图形。

延长线绘制工具，用于将线段延某个端点延长指定数值的长度，所述延长线绘制工具将直线延长之后还是一条直线，将曲线在端点方向增加一条与短点相切的直线段；在使用延长线绘制工具时，选中画布上的某一直线或曲线，在线的某一端点附近移动鼠标时会出现一条红色辅助线，表示延长的线段，起点为线段要延长的端点，终端随着鼠标的移动而变化；选中结束绘制后自动弹出属性对话框，包括原线条长度、经过延长后总长度和新增直线段长度三个属性；修改新增直线长度，则可以重新绘制延长线。

等份点绘制工具，用于对某一图形指定两点间长度用若干等距离点隔开；在使用等份点绘制工具时，点击等份点功能，在等份点弹出框中更改需要的等分数，确定后鼠标单击同意图形的两点，生成N等份弧线辅助线，并显示每等份距离长度，后一次单击会弹出长度修正框，修正后确定将按照新的长度绘制等份点。

线剪切绘制工具，用于实现针对选择的一条线为参考线有相交的一组线进行剪切处理；在使用线剪切绘制工具时，首先，选择参考线；其次，选择与参考线相交的线中需要被保留下来的那一段；结束操作后完成相交线的剪切，重绘剪切后的图形

线补足绘制工具，用于实现对画布上选中的图形快速延长至指定的参考线；在使用线补足绘制工具时，首先，指定参考线，且以红色虚线显示；其次，鼠标移到别的图形上，若该图形能延长至参考线，则以其延长部分以绿色显示；结束操作后完成图形延长至参考线，实现图形的线补足作用。

等距离点绘制工具，用于在画布上以一条线段上的一点为中心点，增加两个点，这两个点到中心点的距离相等；在使用等距离点绘制工具时，选中线上某点为中心点之后，在线段上移动鼠标，此时在中心点两侧将会出现两个交叉线表示等距离点的位置，鼠标右侧会动态显示中心点延线段到鼠标的距离。选择结束后自动弹出等距点的位置参数框，通过修改参数值可以重新生成等分点的位置和距离中心点的长度数据。

线剪断绘制工具，用于在指定的位置将一条完整的线段剪成两条线段，形状与原来的保持一致；在使用线剪断绘制工具时，选中某线上位置点击，此点用于分割线段，自动弹出线剪切点的位置参数对话框，通过修改对话框中的参数可以重新确定线剪切点的位置，实现线剪切。对直线通过线剪切将成为两段新直线，对曲线则线剪切后成为两段曲线。

线上阵列绘制工具，用于将选中的图形并按指定的图形基准点作为与直线的交点，在这个直线上确定图形阵列位置后从左到右生成若干个与选中图形大小相同且方向一致的图形，且这些图形相邻距离一样；在使用线上阵列绘制工具时，首先，通过框选选中需要阵列的图形；其次，对这个被选中进行阵列图形指定图形基准点；再次选中直线上放置图形阵列的起始位置，然后自动弹出属性对话框。对话框中包含阵列中的图形个数，相邻图形的距离两个参数，修改这两个参数后，生成需要个数和间距的图形。

圆上阵列绘制工具，用于将选中的图形围绕一个中心点复制旋转用户指定的角度后，生成用户指定个数的与被选中图形一致的若干个图形；在使用圆上阵列绘制工具时，首先，通过框选选中需要阵列的图形；其次，确定圆上陈列的圆心位置后自动弹出属性对话框。对话框中包含阵列中的图形个数，以该中心点为坐标原点图形旋转角度这两个参数，修改这两个参数后，生成需要个数和旋转角度的图形阵列。

圆角绘制工具，用于将两条非平行的直线形成的夹角改变为圆角，若两条直线未相交，则按照两条直线的延长线相交形成的角来改变；在使用圆角绘制工具时，首先，选中两条需要做圆角的直线；其次，通过鼠标移动改变生成圆角的方位和大小；结束后自动弹出圆角参数对话框，圆角参数框包含长度1，长度2两个参数，长度1指直线交点到圆角在第一条直线上截取的点的距离，长度2指直线交点到圆角在第二条直线上截取的点的距离，可以根据自己的需要输入参数值改变圆角的形状。

角平分线绘制工具，用于将不平行的两条直线形成的四个方位中的任意一个方位角的平分线，起始点为这两直线的交点；在使用角平分线绘制工具时，选中两条需要做角平分线的直线，然后移动鼠标到不同的方位时生成不同方位的角平分线，线的长度将会随着鼠标的移动而变化；结束后自动弹出角平分线长度属性对话框，通过修改该参数则可以在选定的方位上按照输入长度生成角平分线。

等分点绘制工具，用于一条直线线段上的某两点之间的线段分成若干距离相等的部分，或者任意两点之间连成的直线用若干个点分成若干个距离相等的部分。在直线上进行等分点生成是指在设置等分线段个数确定后，通过选中某直线进行等分点开始的位置后，自动弹出每一个等分线段长度或占整个直线长度比例的参数设置对话框。输入参数后在直线上生成相应的等分点图形；所述不在直线上生成等分点是指在选择等分个数后，在画布上确定等分线段起点后，移动鼠标动态显示预定等分数线段，通过确定终点位置进行结束，在这两个点的对应的直线上生成需要的等分点图形。

所述专业工具模块22包括：

拉链窗绘制工具，用于生成一个全部由直线构成的拉链窗结构图形；拉链窗绘制工具的形成方式是先通过起始点和结束点两点确定矩形的宽度和高度，然后通过拉链窗深度参数确定矩形内部的1条水平直线和4条斜边；首先，通过起始点和结束点两个端点，确定了拉链窗的宽度和高度；结束操作后自动弹出拉链窗属性对话框，拉链窗提供高度，宽度和深度三个属性，通过修改宽度参数值重新绘制宽度发生变化的拉链窗结构图形，通过修改高度参数值重新绘制高度发生变化的拉链窗结构图形，通过修改深度参数值重新绘制深度发生变化的拉链窗结构图形。

打角绘制工具，用于在两条直线之间增加打角线用于打角；打角绘制工具的形成方式如下：首先在下边选取直线1的起点，随后确定直线1的终点；确定直线1后，在矩形上边选取直线3的终点，通过自动弹出的属性对话框输入理想数值后点击确定完成打角的初步绘制，用户根据需要是否选取另一边。

打牙位绘制工具，用于生成一个牙位，在设计的过程中起到固定裁片的作用；牙位在线上具有宽度，高度，比例，距离，方向等属性。通过修改牙位宽度参数值重新绘制宽度值发生变化的牙位，通过修改牙位高度参数值重新绘制高度值发生变化的牙位，通过修改比例重新绘制比例发生变化的牙位，这里的比例是指牙位距离线首点的距离占线长的比例。通过修改距离参数值重新绘制距离发生变化的牙位，这里的距离是牙位距离线首点的距离。

搭位绘制工具，用于设计过程中，使一个结构图形上的牙位映射到另一个结构图形的过程；首先在画布上绘制结构图，然后在结构图上绘制几个牙位，接着在画布上绘制一条直线，目的是将上面的结构图底边上的牙位映射到下方的直线上。

打孔绘制工具，用于在指定的位置上生成一个固定半径的圆；所述打孔绘制工具的形成方式为先在指定位置用鼠标左键确定圆心的位置，随后移动鼠标同时动态显示圆的大小，点击鼠标左键确定圆，左键确定结束后自动弹出参数框，通过修改参数重新生成圆，根据需要是否标记。

生成缝边绘制工具，用于对一个封闭的区域自动生成参数距离的外边或者是内边；生成缝边绘制工具的生成方式为：首先在画布上绘制箱包某个部件的结构图形，然后切换到生成缝边状态，选中该封闭区域，则自动沿该封闭区域最外围的边生成一个默认参数距离的外围缝边，操作结束后，弹出参数面板，生成缝边工具有缝边距离，反向等参数，通过弹出的参数面板修改缝边距离重新绘制缝边距离发生变化的缝边，通过勾选反向重新绘制方向变化的缝边，默认是向外扩展的外缝边，现在勾选反向则重新绘制向内缩小的内缝边。

修改缝边绘制工具，用于修改已生成的不符合需求的某条缝边；修改缝边绘制工具的生成方式为：首先依次单击选择与要被修改的边相邻的两个线段，之后单击左键选择要被修改的边，随后移动鼠标的同时被修改的缝边将会动态变化，左键确定结束后自动弹出参数框，通过修改参数重新生成指定长度的缝边。

裁片精确生成绘制工具，用于生成包含用户指定的裁片内线的裁片；裁片精确生成绘制工具的形成方式为左键依次选择外轮廓线，单击鼠标右键结束从而生成由外轮廓线的裁片，随后鼠标左键单击依次选择需要保留的裁片内线，最终点击右键结束精确生成裁片。

提取裁片绘制工具，用于生成由用户指定的边形成的封闭区域，从而得到用户想要的裁片，提取裁片绘制工具的形成方式为：首先选取边，边为直线时，用鼠标依次单击其首尾两点，边为曲线时则先单击选取其起始点；再单击曲线上任意一点；最后单击曲线的终点结束指定曲线的选择，点击右键结束边的选择之后自动生成封闭区域，移动鼠标同时此封闭区域动态移动，最终单击左键确定封闭区域的位置。。

所述测量工具模块24包括：

两点长度测量工具，用于测量两点之间的距离；依次选择测量起点、测量终点，弹出长度框，若是要测量曲线两点长度上，依次选择测量起点、中间点、终点。若有依次单击在别的图形上，则只测量起点、终点长度。

长度之和测量工具，用于测量任意条线段的长度之和；选择需要测量长度的线段，以红色虚线状态显示，结束操作后自动弹出长度和对话框，显示所选择所有线段的总长度数据。

长度之差测量工具，用于测量两条线段的长度之差，选中第一条线段，以红色虚线显示，再选择第二条线段，也以红色虚线显示，此时自动弹出长度差对话框，该对话框显示两条线段长度之差，并以绝对值结果显示。。

所述图形变换模块23包括：

平移工具，用于对指定的图形进行位移；平移工具操作方式为首先选择要平移的图形，然后拖动被选择的图形至目标位置结束平移操作。

伸缩工具，用于对指定的图形按一定方向进行拉长或者缩短；伸缩工具形成方式为首先选择要被伸缩的图形，点击右键后在弹出的菜单栏中选择伸缩功能，然后用鼠标在画布上选取缩放的中心点，在弹出框内输入缩放的倍数，点击确定完成对图形的缩放。

旋转工具，用于对指定的图形绕一点旋转指定的角度；旋转工具形成方式为首先选择要被旋转的图形，点击右键后在弹出的菜单栏中选择旋转功能，然后用鼠标在画布上选取旋转的基准线，移动鼠标同时被选择图形动态变换，点击鼠标左键在弹出框内输入要旋转的角度，点击确定完成对图形的旋转。

对称工具，用于将某图形根据用户指定的一条直线进行对称，对称工具形成方式为首先选择要被对称的图形，点击右键后在弹出的菜单栏中选择对称功能，然后鼠标画一条绿色的对称线，对称图形将会出现在画布上。

所述编辑工具模块25包括：

复制工具，用于复制用户指定的图形；复制工具操作方式为首先选择用户指定的图形，然后在快捷菜单栏中选择复制功能，完成对图形的复制。

粘贴工具，用于对已复制的图形粘贴到画布上；粘贴工具操作方式为直接在快捷菜单栏中选择粘贴功能，完成对图形的复制。

撤销工具，用于返回上一步操作；直接在快捷菜单栏总选择撤销功能，完成撤销操作

恢复工具，用于前进到下一步操作，直接在快捷菜单栏总选择恢复功能，完成恢复操作。

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

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

Claims (10)

1.一种基于WEB的电脑出格设计系统，其特征在于，包括：

图形数据子系统、设计工具子系统、网络服务子系统；

所述图形数据子系统为基本图形样式和常见图形模块，通过图形数据子系统组合成需要设计的图形图像；

所述设计工具子系统通过图形数据子系统获取基本图形工具，并采用多种设计工具和组合方式，设计出需要设计的图形图像；

所述网络服务子系统为所述图形数据子系统和设计工具子系统提供基于WEB的网络服务以及图形图像设计的硬件工具；

所述图形数据子系统和设计工具子系统依赖于所述网络服务子系统而工作。

2.根据权利要求1所述的基于WEB的电脑出格设计系统，其特征在于，所述图形数据子系统包括：基础图形模块、常见图形模块；

所述基础图形模块用于提供设计产品需要的基本图形设计元素，所述基础图形模块中的多种基本图形组成常见图形模块中的常见图形结构；

所述常见图形模块用于提供设计产品需要的最常见的图形设计结构。

3.根据权利要求2所述的基于WEB的电脑出格设计系统，其特征在于，所述设计工具子系统包括：基础工具模块、专业工具模块、图形变换模块、测量工具模块、编辑工具模块；

所述基础工具模块用于实现在所述基础图形模块和常见图形模块的图形库中快速准确地完成与这些图形满足其特定关系的基础图形进行绘制的工具；

所述专业工具模块用于在所述基础图形模块和常见图形模块的图形库中实现对图形进行专业领域设计、生产和管理需要的特定含义的图形进行绘制的工具；

所述图形变换模块用于实现对设计图形的变形操作，借助这些图形变换实现设计者对所绘制图形多种样式；

所述测量工具模块用于实现对图形中任意两点的距离测量和多图形之间的长度和或长度差的测量；

所述编辑工具模块用于实现对任意已经绘制图形的编辑处理。

4.根据权利要求2所述的基于WEB的电脑出格设计系统，其特征在于，所述基础图形模块包括：

点元素、直线元素、曲线元素；

所述点元素的参数属性包括：起始位置、点粗细、文字、半径、图层；

所述直线元素的参数属性包括：起始位置、长度、角度、线型、线颜色、线粗细、线长短、文字、图层；

所述曲线元素的参数属性包括：起始位置、长度、线型、线颜色、线粗细、线长短、文字、图层。

5.根据权利要求2所述的基于WEB的电脑出格设计系统，其特征在于，所述常见图形模块包括：

椭圆图形、矩形图形、梯形图形、田字格图形、三点弧图形；

所述椭圆图形用于在画布上任意位置交互式绘制椭圆形规则曲线图形；

所述矩形图形用于在画布任意位置上绘制满足需要的矩形图形；

所述梯形图形用于在画布任意位置上绘制满足需要的梯形图形；

所述田字格图形用于在画布任意位置上绘制满足需要的田字格图形；

所述三点弧图形用于生成一个由三个点连成的弧线，三点弧图形由两点确定三点弧图形的宽度，由第三点确定三点弧图形的高度。

6.根据权利要求3所述的基于WEB的电脑出格设计系统，其特征在于，所述基础工具模块包括：

双线绘制工具，用于在画布上的任意位置绘制两条直线图形且此两条直线的终点相距指定长度的距离，起点在同一位置；

角度线绘制工具，用于以一条直线为基准，绘制一条带有指定角度的直线；

垂直线绘制工具，用于对在一条直线或规则曲线或不规则曲线或三点弧图形上的指定位置引出一条垂直线，该垂直线与该图形上经过指定点的切线垂直；

连接线绘制工具，用于对被选择的任意两条线进行最近两端点的连接；

延长线绘制工具，用于将线段延某个端点延长指定数值的长度，所述延长线绘制工具将直线延长之后还是一条直线，将曲线在端点方向增加一条与短点相切的直线段；

等份点绘制工具，用于对某一图形指定两点间长度用若干等距离点隔开；

线剪切绘制工具，用于实现针对选择的一条线为参考线有相交的一组线进行剪切处理；

线补足绘制工具，用于实现对画布上选中的图形快速延长至指定的参考线；

等距离点绘制工具，用于在画布上以一条线段上的一点为中心点，增加两个点，这两个点到中心点的距离相等；

线剪断绘制工具，用于在指定的位置将一条完整的线段剪成两条线段，形状与原来的保持一致；

线上阵列绘制工具，用于将选中的图形并按指定的图形基准点作为与直线的交点，在这个直线上确定图形阵列位置后从左到右生成若干个与选中图形大小相同且方向一致的图形，且这些图形相邻距离一样；

圆上阵列绘制工具，用于将选中的图形围绕一个中心点复制旋转用户指定的角度后，生成用户指定个数的与被选中图形一致的若干个图形；

圆角绘制工具，用于将两条非平行的直线形成的夹角改变为圆角，若两条直线未相交，则按照两条直线的延长线相交形成的角来改变；

角平分线绘制工具，用于将不平行的两条直线形成的四个方位中的任意一个方位角的平分线，起始点为这两直线的交点；

等分点绘制工具，用于一条直线线段上的某两点之间的线段分成若干距离相等的部分，或者任意两点之间连成的直线用若干个点分成若干个距离相等的部分。

7.根据权利要求3所述的基于WEB的电脑出格设计系统，其特征在于，所述专业工具模块包括：

拉链窗绘制工具，用于生成一个全部由直线构成的拉链窗结构图形；

打角绘制工具，用于在两条直线之间增加打角线用于打角；

打牙位绘制工具，用于生成一个牙位，在设计的过程中起到固定裁片的作用；

搭位绘制工具，用于设计过程中，使一个结构图形上的牙位映射到另一个结构图形的过程；

打孔绘制工具，用于在指定的位置上生成一个固定半径的圆；

生成缝边绘制工具，用于对一个封闭的区域自动生成参数距离的外边或者是内边；

修改缝边绘制工具，用于修改已生成的不符合需求的某条缝边；

裁片精确生成绘制工具，用于生成包含用户指定的裁片内线的裁片；

提取裁片绘制工具，用于生成由用户指定的边形成的封闭区域，从而得到用户想要的裁片。

8.根据权利要求3所述的基于WEB的电脑出格设计系统，其特征在于，所述测量工具模块包括：

两点长度测量工具，用于测量两点之间的距离；

长度之和测量工具，用于测量任意条线段的长度之和；

长度之差测量工具，用于测量两条线段的长度之差。

9.根据权利要求3所述的基于WEB的电脑出格设计系统，其特征在于，所述图形变换模块包括：

平移工具，用于对指定的图形进行位移；

伸缩工具，用于对指定的图形按一定方向进行拉长或者缩短；

旋转工具，用于对指定的图形绕一点旋转指定的角度；

对称工具，用于将某图形根据用户指定的一条直线进行对称。

10.根据权利要求3所述的基于WEB的电脑出格设计系统，其特征在于，所述编辑工具模块包括：

复制工具，用于复制用户指定的图形；

粘贴工具，用于对已复制的图形粘贴到画布上；

撤销工具，用于返回上一步操作；

恢复工具，用于前进到下一步操作。