一种闭合路径区域背景自定义填充和动态更新的方法技术

本发明专利技术公开了一种闭合路径区域背景自定义填充和动态更新的方法，在画布上绘制一个任意的闭合路径；框选闭合路径后，点击鼠标右键，显示选择图形操作功能菜单；选择填充图片后弹出用户选择图片路径窗口；用户选择好待填充图片后，点击确定按钮后，根据闭合路径所闭合的区域生成以用户选择的图片为背景的裁片cutPiece，并将cutPiece加入到图形容器shapevc中；修改闭合路径并同时更新背景图片显示范围的方法，框选裁片全部路径；左键单击锚点并拖动修改闭合路径，并判断shapevc中类型为裁片类型的cutPiece；如果符合上述判断条件，则保存此裁片中的背景图片数据imageData，并删除此裁片；待更新路径结束后，重新将imageData图片数据传入生成裁片的过程中。

【技术实现步骤摘要】
一种闭合路径区域背景自定义填充和动态更新的方法
本专利技术涉及出格设计工具
，具体为一种闭合路径区域背景自定义填充和动态更新的方法。
技术介绍
伴随着“互联网+”成为产业发展新常态，在箱包手袋等加工制造领域，实现将加工制造业与“互联网+”融合已成为这些企业全新的加工制造模式。基于这种“互联网+智能制造”模式对企业提升生产效率、缩短研发或设计周期、降低人力资源成本，改进和提升企业的创新能力，增强抵抗外部风险，实现企业智慧设计、加工等方面具有重要意义。在箱包手袋加工制造行业的产品设计人员必须通过电脑出格设计平台进行产品设计，其中需要对闭合路径区域背景进行填充和动态更新,以达到更好的呈现实物样式的效果。现有技术中，存在一些问题：A、现有的出格设计系统大多基于单机版或局域网版开发的，难以满足互联网时代软件系统使用随时随地，造成使用场所受限；B、传统的填充设计是先画矢量图，再上传图片，当要修改矢量线条位置时，填充的图不能自动跟随处理，导致操作效率不高；C、现有的出格设计系统不能实现多人交互式产品开发，造成生产效率受限。
技术实现思路
本专利技术要解决的技术问题是克服现有的缺陷，提供一种闭合路径区域背景自定义填充和动态更新的方法，基于不规则闭合路径为基准，不仅能够实现对闭合路径区域背景进行填充和动态更新，且该设计方法基于WEB浏览器使用，只要有互联网网络环境就能不受人员和场所限制，同时实现多人交互，能帮助企业提高生产效率、缩短生产周期、降低生产成本。为实现上述目的，本专利技术提供如下技术方案：一种闭合路径区域背景自定义填充和动态更新的方法，基于不规则闭合路径为基准，生成用户自定义图片为闭合路径区域背景的技术实现，并在修改闭合路径时实现动态更新显示背景的实现，闭合路径区域背景自定义填充的方法，包括如下步骤：步骤1：在画布上绘制一个任意的闭合路径；步骤2：将画笔切换为选择画笔，框选闭合路径后，点击鼠标右键，显示选择图形操作功能菜单；步骤3：选择填充图片后弹出用户选择图片路径窗口；步骤4：用户选择好待填充图片后，点击确定按钮后，根据闭合路径所闭合的区域生成以用户选择的图片为背景的裁片cutPiece，并将cutPiece加入到图形容器shapevc中；修改闭合路径并同时更新背景图片显示范围的方法，包括如下步骤：步骤S1：选择画笔并框选裁片全部路径；步骤S2：左键单击锚点并拖动修改闭合路径，并判断shapevc中类型为裁片类型的cutPiece；步骤S3：如果符合上述判断条件，则保存此裁片中的背景图片数据imageData，并删除此裁片；步骤S4：待更新路径结束后，重新将imageData图片数据传入生成裁片的过程中。其中，shapevc：表示当前画布中所有的图形容器。cutPiece：表示根据闭合路径所闭合的区域生成的以用户选择的图片为背景的裁片。imageData：表示背景图片数据。进一步的，本专利技术基于WEB浏览器使用。进一步的，当闭合路径中包括多块闭合区域时，重复执行步骤2、3和4，直至填充完所有闭合区域。进一步的，步骤S2中，当需要调整多个锚点位置时，从最左上方开始顺时针方向依次调整。进一步的，步骤S2中，当用户左键单击锚点并拖动修改闭合路径时，首先判断shapevc中类型为裁片类型同时又位于最左上角的cutPiece。进一步的，步骤S3中，如果不符合，则继续下一个cutPiece的判断，直至判断完shapevc中所有裁片图形。进一步的，步骤S4中，更新路径后，自动删除原裁片并使用保存的imageData图片数据重新填充更新后的闭合路径，根据闭合路径所闭合的区域生成以用户选择的图片为背景的裁片cutPiece，并将cutPiece加入到图形容器shapevc中。与现有技术相比，本专利技术的有益效果是：本闭合路径区域背景自定义填充和动态更新的方法，具有以下好处：1、本专利技术基于WEB浏览器使用，只要有互联网网络环境就能够不受工作场所限制；2、本专利技术能够实现对闭合路径区域背景进行填充和动态更新，而传统的填充设计是先画矢量图，再上传图片，当要修改矢量线条位置时，填充的图不能自动跟随处理，导致操作效率不高。3、同时实现多人交互式设计，帮助企业提高生产效率、缩短生产周期。附图说明图1为本专利技术中闭合路径区域背景自定义填充的方法的流程图；图2为本专利技术中修改闭合路径并同时更新背景图片显示范围的方法的流程图；图3-图6为本专利技术中闭合路径区域背景自定义填充的方法的过程图；图7-图9为本专利技术中修改闭合路径并同时更新背景图片显示范围的方法的过程图。具体实施方式下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。实施例一：如图1-9所示，本专利技术提供以下技术方案：一种闭合路径区域背景自定义填充和动态更新的方法，基于不规则闭合路径为基准，生成用户自定义图片为闭合路径区域背景的技术实现，并在修改闭合路径时实现动态更新显示背景的实现，闭合路径区域背景自定义填充的方法，包括如下步骤：步骤1：在画布上绘制一个任意的闭合路径，可以是一个闭合区域，也可以包括多个闭合区域；步骤2：将画笔切换为选择画笔，框选闭合路径后，点击鼠标右键，显示选择图形操作功能菜单，点击菜单进行图片填充；步骤3：选择填充图片后弹出用户选择图片路径窗口，从图片保存路径（或网络图片网址）中选择该图片用于填充闭合路径；步骤4：用户选择好待填充图片后，点击确定按钮后，根据闭合路径所闭合的区域生成以用户选择的图片为背景的裁片cutPiece，并将cutPiece加入到图形容器shapevc中，填充后自动生成有背景的cutPiece；当闭合路径中包括多块闭合区域时，重复执行步骤2、3和4，直至填充完所有闭合区域；修改闭合路径并同时更新背景图片显示范围的方法，包括如下步骤：步骤S1：选择画笔并框选裁片全部路径；步骤S2：左键单击锚点并拖动修改闭合路径，并判断shapevc中类型为裁片类型的cutPiece；当需要调整多个锚点位置时，从最左上方开始顺时针方向依次调整；当用户左键单击锚点并拖动修改闭合路径时，首先判断shapevc中类型为裁片类型同时又位于最左上角的cutPiece；步骤S3：如果符合上述判断条件，则保存此裁片中的背景图片数据imageData，并删除此裁片；如果不符合，则继续下一个cutPiece的判断，直至判断完shapevc中所有裁片图形；步骤S4：待更新路径结束后，重新将imageData图片数据传入生成裁片的过程中，更新路径本文档来自技高网...

【技术保护点】
1.一种闭合路径区域背景自定义填充和动态更新的方法，其特征在于，基于不规则闭合路径为基准，生成用户自定义图片为闭合路径区域背景的技术实现，并在修改闭合路径时实现动态更新显示背景的实现，闭合路径区域背景自定义填充的方法，包括如下步骤：/n步骤1：在画布上绘制一个任意的闭合路径；/n步骤2：将画笔切换为选择画笔，框选闭合路径后，点击鼠标右键，显示选择图形操作功能菜单；/n步骤3：选择填充图片后弹出用户选择图片路径窗口；/n步骤4：用户选择好待填充图片后，点击确定按钮后，根据闭合路径所闭合的区域生成以用户选择的图片为背景的裁片cutPiece，并将cutPiece加入到图形容器shapevc中；/n修改闭合路径并同时更新背景图片显示范围的方法，包括如下步骤：/n步骤S1：选择画笔并框选裁片全部路径；/n步骤S2：左键单击锚点并拖动修改闭合路径，并判断shapevc中类型为裁片类型的cutPiece；/n步骤S3：如果符合上述判断条件，则保存此裁片中的背景图片数据imageData，并删除此裁片；/n步骤S4：待更新路径结束后，重新将imageData图片数据传入生成裁片的过程中。/n

【技术特征摘要】
1.一种闭合路径区域背景自定义填充和动态更新的方法，其特征在于，基于不规则闭合路径为基准，生成用户自定义图片为闭合路径区域背景的技术实现，并在修改闭合路径时实现动态更新显示背景的实现，闭合路径区域背景自定义填充的方法，包括如下步骤：
步骤1：在画布上绘制一个任意的闭合路径；
步骤2：将画笔切换为选择画笔，框选闭合路径后，点击鼠标右键，显示选择图形操作功能菜单；
步骤3：选择填充图片后弹出用户选择图片路径窗口；
步骤4：用户选择好待填充图片后，点击确定按钮后，根据闭合路径所闭合的区域生成以用户选择的图片为背景的裁片cutPiece，并将cutPiece加入到图形容器shapevc中；
修改闭合路径并同时更新背景图片显示范围的方法，包括如下步骤：
步骤S1：选择画笔并框选裁片全部路径；
步骤S2：左键单击锚点并拖动修改闭合路径，并判断shapevc中类型为裁片类型的cutPiece；
步骤S3：如果符合上述判断条件，则保存此裁片中的背景图片数据imageData，并删除此裁片；
步骤S4：待更新路径结束后，重新将imageData图片数据传入生成裁片的过程中。


2.根据权利要求1所述的一种闭合路径区域背景自定义填充和动态更新的方法，其特征在于，本发明基于WEB浏览器使...

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