CN111143735A - 一种闭合路径区域背景自定义填充和动态更新的方法 - Google Patents
一种闭合路径区域背景自定义填充和动态更新的方法 Download PDFInfo
- Publication number
- CN111143735A CN111143735A CN201911383381.5A CN201911383381A CN111143735A CN 111143735 A CN111143735 A CN 111143735A CN 201911383381 A CN201911383381 A CN 201911383381A CN 111143735 A CN111143735 A CN 111143735A
- Authority
- CN
- China
- Prior art keywords
- closed path
- background
- picture
- closed
- path
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 37
- 238000009432 framing Methods 0.000 claims abstract description 7
- 230000008569 process Effects 0.000 claims abstract description 6
- 238000010422 painting Methods 0.000 claims description 15
- 230000001788 irregular Effects 0.000 claims description 4
- 238000004519 manufacturing process Methods 0.000 description 12
- 238000013461 design Methods 0.000 description 10
- 238000010586 diagram Methods 0.000 description 7
- 238000012545 processing Methods 0.000 description 6
- 238000005516 engineering process Methods 0.000 description 2
- 230000002452 interceptive effect Effects 0.000 description 2
- 244000185238 Lophostemon confertus Species 0.000 description 1
- 238000012356 Product development Methods 0.000 description 1
- 230000004075 alteration Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000002708 enhancing effect Effects 0.000 description 1
- 230000010354 integration Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012827 research and development Methods 0.000 description 1
- 238000007650 screen-printing Methods 0.000 description 1
- 238000004904 shortening Methods 0.000 description 1
- 238000003860 storage Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明公开了一种闭合路径区域背景自定义填充和动态更新的方法，在画布上绘制一个任意的闭合路径；框选闭合路径后，点击鼠标右键，显示选择图形操作功能菜单；选择填充图片后弹出用户选择图片路径窗口；用户选择好待填充图片后，点击确定按钮后，根据闭合路径所闭合的区域生成以用户选择的图片为背景的裁片cutPiece，并将cutPiece加入到图形容器shapevc中；修改闭合路径并同时更新背景图片显示范围的方法，框选裁片全部路径；左键单击锚点并拖动修改闭合路径，并判断shapevc中类型为裁片类型的cutPiece；如果符合上述判断条件，则保存此裁片中的背景图片数据imageData，并删除此裁片；待更新路径结束后，重新将imageData图片数据传入生成裁片的过程中。
Description
技术领域
本发明涉及出格设计工具技术领域，具体为一种闭合路径区域背景自定义填充和动态更新的方法。
背景技术
伴随着“互联网+”成为产业发展新常态，在箱包手袋等加工制造领域，实现将加工制造业与“互联网+”融合已成为这些企业全新的加工制造模式。基于这种“互联网+智能制造”模式对企业提升生产效率、缩短研发或设计周期、降低人力资源成本，改进和提升企业的创新能力，增强抵抗外部风险，实现企业智慧设计、加工等方面具有重要意义。
在箱包手袋加工制造行业的产品设计人员必须通过电脑出格设计平台进行产品设计，其中需要对闭合路径区域背景进行填充和动态更新,以达到更好的呈现实物样式的效果。
现有技术中，存在一些问题：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图片数据传入生成裁片的过程中，更新路径后，自动删除原裁片并使用保存的imageData图片数据重新填充更新后的闭合路径，根据闭合路径所闭合的区域生成以用户选择的图片为背景的裁片cutPiece，并将cutPiece加入到图形容器shapevc中。
实施例二：
本实施例中，初始填充图形为圆形，修改后的图形为椭圆形。
闭合路径区域背景自定义填充的方法，包括如下步骤：
步骤1：在画布上绘制一个圆形；
步骤2：将画笔切换为选择画笔，框选圆形后，点击鼠标右键，显示选择图形操作功能菜单；
步骤3：选择填充图片后弹出用户选择图片路径窗口；
步骤4：用户选择好待填充图片后，点击确定按钮后，在圆形区域内生成以用户选择的图片为背景的裁片cutPiece，并将cutPiece加入到图形容器shapevc中；
修改闭合路径并同时更新背景图片显示范围的方法，包括如下步骤：
步骤1：选择画笔框选圆形；
步骤2：左键单击圆形的两个对称的锚点并分别向外侧拖动修改闭合路径时，并判断shapevc中类型为裁片类型的cutPiece；
步骤3：如果符合上述判断条件，则保存此裁片中的背景图片数据imageData，删除此裁片；
步骤4：待更新路径结束后，闭合路径更新为椭圆形，重新将imageData图片数据填充到椭圆形中。
实施例三：
本实施例中，初始填充图形为正方形，修改后的图形为长方形。
闭合路径区域背景自定义填充的方法，包括如下步骤：
步骤1：在画布上绘制一个正方形；
步骤2：将画笔切换为选择画笔，框选正方形后，点击鼠标右键，显示选择图形操作功能菜单；
步骤3：选择填充图片后弹出用户选择图片路径窗口；
步骤4：用户选择好待填充图片后，点击确定按钮后，在正方形区域内生成以用户选择的图片为背景的裁片cutPiece，并将cutPiece加入到图形容器shapevc中；
修改闭合路径并同时更新背景图片显示范围的方法，包括如下步骤：
步骤1：选择画笔框选正方形；
步骤2：左键单击同侧的两个锚点并分别向一侧拖动修改闭合路径时，并判断shapevc中类型为裁片类型的cutPiece；
步骤3：如果符合上述判断条件，则保存此裁片中的背景图片数据imageData，删除此裁片；
步骤4：待更新路径结束后，闭合路径更新为正方形，重新将imageData图片数据填充到长方形中。
尽管已经示出和描述了本发明的实施例，对于本领域的普通技术人员而言，可以理解在不脱离本发明的原理和精神的情况下可以对这些实施例进行多种变化、修改、替换和变型，本发明的范围由所附权利要求及其等同物限定。
Claims (7)
1.一种闭合路径区域背景自定义填充和动态更新的方法，其特征在于，基于不规则闭合路径为基准，生成用户自定义图片为闭合路径区域背景的技术实现，并在修改闭合路径时实现动态更新显示背景的实现，闭合路径区域背景自定义填充的方法，包括如下步骤：
步骤1：在画布上绘制一个任意的闭合路径；
步骤2：将画笔切换为选择画笔，框选闭合路径后，点击鼠标右键，显示选择图形操作功能菜单；
步骤3：选择填充图片后弹出用户选择图片路径窗口；
步骤4：用户选择好待填充图片后，点击确定按钮后，根据闭合路径所闭合的区域生成以用户选择的图片为背景的裁片cutPiece，并将cutPiece加入到图形容器shapevc中；
修改闭合路径并同时更新背景图片显示范围的方法，包括如下步骤：
步骤S1：选择画笔并框选裁片全部路径；
步骤S2：左键单击锚点并拖动修改闭合路径，并判断shapevc中类型为裁片类型的cutPiece；
步骤S3：如果符合上述判断条件，则保存此裁片中的背景图片数据imageData，并删除此裁片；
步骤S4：待更新路径结束后，重新将imageData图片数据传入生成裁片的过程中。
2.根据权利要求1所述的一种闭合路径区域背景自定义填充和动态更新的方法，其特征在于，本发明基于WEB浏览器使用。
3.根据权利要求1所述的一种闭合路径区域背景自定义填充和动态更新的方法，其特征在于，当闭合路径中包括多块闭合区域时，重复执行步骤2、3和4，直至填充完所有闭合区域。
4.根据权利要求1所述的一种闭合路径区域背景自定义填充和动态更新的方法，其特征在于，步骤S2中，当需要调整多个锚点位置时，从最左上方开始顺时针方向依次调整。
5.根据权利要求1或4所述的一种闭合路径区域背景自定义填充和动态更新的方法，其特征在于，步骤S2中，当用户左键单击锚点并拖动修改闭合路径时，首先判断shapevc中类型为裁片类型同时又位于最左上角的cutPiece。
6.根据权利要求1所述的一种闭合路径区域背景自定义填充和动态更新的方法，其特征在于，步骤S3中，如果不符合，则继续下一个cutPiece的判断，直至判断完shapevc中所有裁片图形。
7.根据权利要求1所述的一种闭合路径区域背景自定义填充和动态更新的方法，其特征在于，步骤S4中，更新路径后，自动删除原裁片并使用保存的imageData图片数据重新填充更新后的闭合路径，根据闭合路径所闭合的区域生成以用户选择的图片为背景的裁片cutPiece，并将cutPiece加入到图形容器shapevc中。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911383381.5A CN111143735A (zh) | 2019-12-27 | 2019-12-27 | 一种闭合路径区域背景自定义填充和动态更新的方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911383381.5A CN111143735A (zh) | 2019-12-27 | 2019-12-27 | 一种闭合路径区域背景自定义填充和动态更新的方法 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111143735A true CN111143735A (zh) | 2020-05-12 |
Family
ID=70521466
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911383381.5A Pending CN111143735A (zh) | 2019-12-27 | 2019-12-27 | 一种闭合路径区域背景自定义填充和动态更新的方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111143735A (zh) |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102779202A (zh) * | 2011-05-11 | 2012-11-14 | 达索系统公司 | 在多个操纵器中选择对象的操纵器 |
| CN203350842U (zh) * | 2013-04-22 | 2013-12-18 | 浙江图讯科技有限公司 | 一种基于移动web的草图协同绘制系统的可视化触摸绘图板功能的新型平板电脑 |
| CN104199886A (zh) * | 2014-08-25 | 2014-12-10 | 浪潮电子信息产业股份有限公司 | 一种云海系统中拓扑图背景图片自定义的方法 |
| CN105117225A (zh) * | 2015-08-24 | 2015-12-02 | 江西好帮手电子科技有限公司 | 一种基于安卓系统的hmi界面的自定义方法及系统 |
| CN108597005A (zh) * | 2018-05-14 | 2018-09-28 | 广州云杼服装科技有限公司 | 一种远程服装设计工具的使用方法 |
| CN110136087A (zh) * | 2019-05-21 | 2019-08-16 | 京东方科技集团股份有限公司 | 显示终端的边框自适应调整方法及相关设备 |
| CN110158818A (zh) * | 2019-05-28 | 2019-08-23 | 中建七局建筑装饰工程有限公司 | 一种基于bim模型的平面幕墙的快速建造方法 |
-
2019
- 2019-12-27 CN CN201911383381.5A patent/CN111143735A/zh active Pending
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102779202A (zh) * | 2011-05-11 | 2012-11-14 | 达索系统公司 | 在多个操纵器中选择对象的操纵器 |
| CN203350842U (zh) * | 2013-04-22 | 2013-12-18 | 浙江图讯科技有限公司 | 一种基于移动web的草图协同绘制系统的可视化触摸绘图板功能的新型平板电脑 |
| CN104199886A (zh) * | 2014-08-25 | 2014-12-10 | 浪潮电子信息产业股份有限公司 | 一种云海系统中拓扑图背景图片自定义的方法 |
| CN105117225A (zh) * | 2015-08-24 | 2015-12-02 | 江西好帮手电子科技有限公司 | 一种基于安卓系统的hmi界面的自定义方法及系统 |
| CN108597005A (zh) * | 2018-05-14 | 2018-09-28 | 广州云杼服装科技有限公司 | 一种远程服装设计工具的使用方法 |
| CN110136087A (zh) * | 2019-05-21 | 2019-08-16 | 京东方科技集团股份有限公司 | 显示终端的边框自适应调整方法及相关设备 |
| CN110158818A (zh) * | 2019-05-28 | 2019-08-23 | 中建七局建筑装饰工程有限公司 | 一种基于bim模型的平面幕墙的快速建造方法 |
Non-Patent Citations (2)
| Title |
|---|
| 刘海兰 李小平: ""AutoCAD图案填充简介"", 《现代机械制图(第1版）》 * |
| 魏琳琳 等: ""基于CorelDRAW 软件的服装款式图表达"", 《南通纺织职业技术学院学报（综合版）》 * |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US20210232634A1 (en) | Quantified euler analysis | |
| CN102356375B (zh) | 连续和不连续的属性的平滑布局动画 | |
| EP0679278B1 (en) | Object-oriented constructive area system | |
| US9075493B2 (en) | Techniques to present hierarchical information using orthographic projections | |
| US20180365873A1 (en) | Recursive cell-based hierarchy for data visualizations | |
| CN104484189B (zh) | 一种应用界面的构建及设计方法 | |
| US20170004638A1 (en) | Chart data-binding design time user experience with dynamic sample generation | |
| CN104765594B (zh) | 一种显示图形用户界面的方法及装置 | |
| CN107239287A (zh) | 一种网页显示方法、装置、电子设备及存储介质 | |
| US9280449B2 (en) | HIT testing of visual objects | |
| CN102142152B (zh) | 用于在计算机屏幕上显示对象的方法、装置和程序 | |
| CN105677351B (zh) | 多窗口兼容显示方法及装置 | |
| CN106485568A (zh) | 一种包装解决装置、方法和服务器 | |
| CN104462682A (zh) | 一种交互式焊接接头坡口图形绘制及参数标注方法 | |
| CN109324796A (zh) | 界面布局方法及装置 | |
| CN111176768B (zh) | 一种嵌套型父控件里子控件多层级显示方法和装置 | |
| CN107248190A (zh) | 一种三维游戏引擎的场景图设计方法及系统 | |
| CN111143735A (zh) | 一种闭合路径区域背景自定义填充和动态更新的方法 | |
| CN106157353A (zh) | 一种文字渲染方法和文字渲染装置 | |
| US20220326916A1 (en) | Visualization method for software architecture and apparatus | |
| CN109299158A (zh) | 一种数据可视化方法及系统 | |
| KR20140077115A (ko) | 3ｄ 에서의 객체 그룹들의 정의 | |
| CN112346579A (zh) | 用于大规模桌面模型的指向和交互控制装置 | |
| TW201913351A (zh) | 視圖組件的佈局方法及設備 | |
| CN110297568A (zh) | 电子白板实现方法、装置、设备以及存储介质 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200512 |
|
| RJ01 | Rejection of invention patent application after publication |