[发明专利]一种闭合路径区域背景自定义填充和动态更新的方法

说明书

本发明公开了一种闭合路径区域背景自定义填充和动态更新的方法，在画布上绘制一个任意的闭合路径；框选闭合路径后，点击鼠标右键，显示选择图形操作功能菜单；选择填充图片后弹出用户选择图片路径窗口；用户选择好待填充图片后，点击确定按钮后，根据闭合路径所闭合的区域生成以用户选择的图片为背景的裁片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：表示当前画布中所有的图形容器。