一种用户调整并显示闭合路径中填充图片的方法技术

本发明专利技术公开了一种用户调整并显示闭合路径中填充图片的方法，包括下述步骤，在画布上绘制一个闭合路径，将填充的闭合路径的图片上传到画布上，根据需要旋转待填充的图片，根据需要调整待填充的图片的尺寸，填充时根据具体的参数来调整显示图片，将调整尺寸和旋转后的图片填充至闭合路径内部，移动填充后图片至理想位置，点击鼠标的右键，停止移动图片；能实现闭合路径图片填充后达到用户调整显示图片的特定区域功能，用于提供用户设计裁片后展示成品效果，且该设计方法基于WEB浏览器使用，不受人员和场所限制，同时实现多人交互，能帮助企业提高生产效率，缩短生产周期，降低生产成本。

A method for users to adjust and display the filled picture in the closed path

【技术实现步骤摘要】
一种用户调整并显示闭合路径中填充图片的方法
本专利技术涉及出格设计工具
，具体为一种用户调整并显示闭合路径中填充图片的方法。
技术介绍
伴随着“互联网+”成为产业发展新常态，在箱包手袋等加工制造领域，实现将加工制造业与“互联网+”融合已成为这些企业全新的加工制造模式。基于“互联网+智能制造”模式对企业提升生产效率、缩短研发或设计周期、降低人力资源成本，改进和提升企业的创新能力，增强抵抗外部风险，实现企业智慧设计、加工等方面具有重要意义。箱包手袋加工制造行业的产品设计人员通过出格设计平台进行产品设计，其中用户需要调整并显示闭合路径填充图片，达到用户设计裁片后展示成品效果。现有技术中，生成缝边的方法存在一些问题：A、现有的出格设计系统大多基于单机版或局域网版开发的，难以满足互联网时代软件系统使用随时随地，造成使用场所受限；B、现有的出格设计难以满足当前市场客户对图片填充的需要，即原有技术不能根据用户需求随时调整并显示填充图片；C、现有的出格设计系统不能实现多人交互式产品开发，造成生产效率受限。
技术实现思路
本专利技术要解决的技术问题是克服现有的缺陷，提供一种用户调整并显示闭合路径中填充图片的方法，能够实现闭合路径图片填充后达到用户调整显示图片的特定区域功能，用于提供用户设计裁片后展示成品效果，且该设计方法基于WEB浏览器使用，只要有互联网网络环境就能不受人员和场所限制，同时实现多人交互，能帮助企业提高生产效率，缩短生产周期，降低生产成本。为实现上述目的，本专利技术提供如下技术方案：一种用户调整并显示闭合路径中填充图片的方法，提供对闭合路径图片填充后达到用户调整显示图片的特定区域功能，用于提供用户设计裁片后展示成品效果，基于鼠标操作显示闭合路径图片的特定区域，包括下述步骤：步骤1：在画布上绘制一个闭合路径；步骤2：选择想要填充的闭合路径的图片，上传到画布上方，用鼠标拖动图片至预定位置；步骤3：根据用户需要可以选择对图片进行放大，缩小，旋转等操作来达到用户理想的尺寸和旋转角度；步骤4：若此时图片的旋转角度不符合图片填充时的旋转角度，记录图片的旋转角度imageRotateDegree；步骤5：当对画布上的图片进行旋转的时候，在画笔处于movePicPen时，点击鼠标的右键，选择旋转按钮，将变量isRotate置为true，根据鼠标的左右移动来确定当前图片是向左旋转还是向右旋转，当旋转至合适的角度后点击鼠标右键，将变量isRotate置为false，结束图片旋转；步骤6：若图片的尺寸不是放大或缩小后的真实尺寸，记录图片的全局变量imageWidth和imageHeight；步骤7：当向闭合路径填充时，将上述变量imageRotateDegree、imageWidth和imageHeight传输过去，根据具体的参数来调整显示图片；步骤8：将画笔更换成选择画笔，选择需要填充图像的闭合路径，点击鼠标右键选择填充菜单，以此闭合路径为目标将当前调整尺寸和旋转后的图片填充至闭合路径内部；步骤9：如果此时在闭合路径内部显示的图片区域不是用户理想的位置，则点击鼠标的右键，选择移动菜单后，将isMoveClosedImage属性置为true，移动鼠标，闭合路径内部的图片便会随鼠标的移动方向而移动显示的区域；步骤10：当闭合路径内部的图片位置符合用户的理想位置后，点击鼠标的右键，将isMoveClosedImage置为false，停止移动图片，从而达到闭合路径显示图片特定区域的效果。其中，imageRotateDegree：表示图片的旋转角度。isRotate：表示鼠标操作的一个变量，是否旋转。movePicPen：表示鼠标的一个工作状态。imageWidth和imageHeight，图片的变量，表示图片当前的宽和高。isMoveClosedImage：表示图片的一个状态，是否可移动。matrix(a,b,c,d,e,f)：图像旋转函数，根据其6个参数来确定旋转后的位置。translate(x,y)：移动函数，可以将图片向指定的方向移动，其中，x、y为鼠标移动到指定位置时对应的坐标。进一步的，本绘制方法基于WEB浏览器使用。进一步的，步骤5中，移动鼠标时，首先判断变量isRotate是否为true，然后决定是否旋转闭合路径内部图片。进一步的，步骤5中，如果图片的旋转角度与图片填充时的旋转角度不一致时，判断两者之间的偏差角度，当偏差角度小于180°，逆时针旋转，当偏差角度大于180°，顺时针旋转。进一步的，步骤7中，根据图像旋转函数matrix(a,b,c,d,e,f)中的6个参数来确定图像填充后的旋转角度，闭合路径图像旋转度数为X，参数值依次为matrix(cosX，sinX，-sinX，cosX，0，0)，在闭合路径填充的图片为旋转X图像，其中e表示图片在闭合路径内水平方向移动的距离，f为垂直方向移动的距离。进一步的，步骤7中，当同时需要调整填充图片尺寸和旋转角度时，先调整图片尺寸。进一步的，步骤9中，移动鼠标时，首先判断isMoveClosedImage是否为true，然后决定是否移动闭合路径内部图片。进一步的，步骤9中，按照translate(x,y)函数来移动闭合路径内部的图片。与现有技术相比，本专利技术的有益效果是：本用户调整并显示闭合路径中填充图片的方法，具有以下好处：1、本专利技术基于WEB浏览器使用，只要有互联网网络环境在任何时候任何地点由任何具有相应权限的设计人员方便协同产品设计，不受工作场所限制。2、能对闭合路径图片填充后达到用户调整显示图片的特定区域功能，用于提供用户设计裁片后展示成品效果。3、同时实现多人交互式设计，帮助企业提高生产效率、缩短生产周期。附图说明图1为本专利技术用户调整并显示闭合路径中填充图片的方法的流程图。具体实施方式下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。实施例一：如图1所示，本专利技术提供以下技术方案：一种用户调整并显示闭合路径中填充图片的方法，提供对闭合路径图片填充后达到用户调整显示图片的特定区域功能，用于提供用户设计裁片后展示成品效果，基于鼠标操作显示闭合路径图片的特定区域，包括下述步骤：步骤1：在画布上绘制一个闭合路径，如方形、圆形和椭圆形；步骤2：选择想要填充的闭合路径的图片，上传到画布上方，用鼠标拖动图片至预定位置，先将图片放置在画布的其他地方待用；步骤3：根据用户需要可以选择对图片进行放大，缩小，旋转等操作来达到用户理想的尺寸和旋转角度，根据用户的实际需本文档来自技高网...

【技术保护点】
1.一种用户调整并显示闭合路径中填充图片的方法，其特征在于，提供对闭合路径图片填充后达到用户调整显示图片的特定区域功能，用于提供用户设计裁片后展示成品效果，基于鼠标操作显示闭合路径图片的特定区域，包括下述步骤：/n步骤1：在画布上绘制一个闭合路径；/n步骤2：选择想要填充的闭合路径的图片，上传到画布上方，用鼠标拖动图片至预定位置；/n步骤3：根据用户需要可以选择对图片进行放大，缩小，旋转等操作来达到用户理想的尺寸和旋转角度；/n步骤4：若此时图片的旋转角度不符合图片填充时的旋转角度，记录图片的旋转角度imageRotateDegree；/n步骤5：当对画布上的图片进行旋转的时候，在画笔处于movePicPen时，点击鼠标的右键，选择旋转按钮，将变量isRotate置为true，根据鼠标的左右移动来确定当前图片是向左旋转还是向右旋转，当旋转至合适的角度后点击鼠标右键，将变量isRotate置为false，结束图片旋转；/n步骤6：若图片的尺寸不是放大或缩小后的真实尺寸，记录图片的全局变量imageWidth和imageHeight；/n步骤7：当向闭合路径填充时，将上述变量imageRotateDegree、imageWidth和imageHeight传输过去，根据具体的参数来调整显示图片；/n步骤8：将画笔更换成选择画笔，选择需要填充图像的闭合路径，点击鼠标右键选择填充菜单，以此闭合路径为目标将当前调整尺寸和旋转后的图片填充至闭合路径内部；/n步骤9：如果此时在闭合路径内部显示的图片区域不是用户理想的位置，则点击鼠标的右键，选择移动菜单后，将isMoveClosedImage属性置为true，移动鼠标，闭合路径内部的图片便会随鼠标的移动方向而移动显示的区域；/n步骤10：当闭合路径内部的图片位置符合用户的理想位置后，点击鼠标的右键，将isMoveClosedImage置为false，停止移动图片，从而达到闭合路径显示图片特定区域的效果。/n...

【技术特征摘要】
1.一种用户调整并显示闭合路径中填充图片的方法，其特征在于，提供对闭合路径图片填充后达到用户调整显示图片的特定区域功能，用于提供用户设计裁片后展示成品效果，基于鼠标操作显示闭合路径图片的特定区域，包括下述步骤：
步骤1：在画布上绘制一个闭合路径；
步骤2：选择想要填充的闭合路径的图片，上传到画布上方，用鼠标拖动图片至预定位置；
步骤3：根据用户需要可以选择对图片进行放大，缩小，旋转等操作来达到用户理想的尺寸和旋转角度；
步骤4：若此时图片的旋转角度不符合图片填充时的旋转角度，记录图片的旋转角度imageRotateDegree；
步骤5：当对画布上的图片进行旋转的时候，在画笔处于movePicPen时，点击鼠标的右键，选择旋转按钮，将变量isRotate置为true，根据鼠标的左右移动来确定当前图片是向左旋转还是向右旋转，当旋转至合适的角度后点击鼠标右键，将变量isRotate置为false，结束图片旋转；
步骤6：若图片的尺寸不是放大或缩小后的真实尺寸，记录图片的全局变量imageWidth和imageHeight；
步骤7：当向闭合路径填充时，将上述变量imageRotateDegree、imageWidth和imageHeight传输过去，根据具体的参数来调整显示图片；
步骤8：将画笔更换成选择画笔，选择需要填充图像的闭合路径，点击鼠标右键选择填充菜单，以此闭合路径为目标将当前调整尺寸和旋转后的图片填充至闭合路径内部；
步骤9：如果此时在闭合路径内部显示的图片区域不是用户理想的位置，则点击鼠标的右键，选择移动菜单后，将isMoveClosedImage属性置为true，移动鼠标，闭合路径内部的图片便会随鼠标的移动方向而移动显示的区域；
步骤10：当闭合路径内部的图片位置符合用户的理想位...

【专利技术属性】
技术研发人员：蔡征兵，邱桃荣，林美波，刘军中，蔡志芳，曾怡，黎初显，黎江文，蔡志良，曾胜，舒志明，
申请(专利权)人：广州盖特软件有限公司，
类型：发明
国别省市：广东;44