一种各内容间实现快速连接的方法技术

本发明专利技术公开了一种各内容间实现快速连接的方法，包括以下步骤：S1、对可控制移动的对象进行选定；S2、根据可控制移动的对象对快捷连接的触发方式进行设置；S3、选择连接内容并对连接内容意愿连接触发方式进行设置处理；S4、对快捷连接的元素进行移动并记录；S5、形成S4中的意愿连接，本发明专利技术的有益效果是：运用在流程图产品中，在用户不清楚流程时先将所有内容列出然后整齐排列后，可以通过触发条件后，可以快速高效地按照意愿轨迹完成连接，提高用户在复杂流程图制作时的连接效率，有效减少用户连接内容过程中时间。连接内容过程中时间。连接内容过程中时间。

【技术实现步骤摘要】
一种各内容间实现快速连接的方法


[0001]本专利技术涉及流程图连接
，具体为一种各内容间实现快速连接的方法。

技术介绍

[0002]目前用户在使用各种流程图产品时，主要有三类连接方式均无法兼顾用户意愿连线和连接效率，在绘制复杂流程图时用户体验差、连接耗时较长，第一类：通过已有内容触发快捷新增内容时，新增内容与原内容只能按照一种方式进行连接；第二类：选择所需连接内容，通过某种方式触发一般是快捷键，然后只能按照一种方式进行连接；第三类：通过某种方式触发连接线，根据连接线二端的位置形成一段连接线；第一类的多用于对目标流程图较熟悉，新增内容同时自动附带连接线，只能对水平和竖直方向进行新增内容，对目标绘制流程图不熟悉的场景一般无法使用，第二类是每段连接线都需要通过触发，并且只能按照一种方式连接，第三类连接时可以按照用户意愿点连接，但是每段都需要单独触发逐一连接。

技术实现思路

[0003]本专利技术的目的在于提供一种各内容间实现快速连接的方法，以解决上述
技术介绍
中提出的问题。
[0004]为实现上述目的，本专利技术提供如下技术方案：一种各内容间实现快速连接的方法，包括以下步骤：S1、对可控制移动的对象进行选定；S2、根据可控制移动的对象对快捷连接的触发方式进行设置；S3、选择连接内容并对连接内容意愿连接触发方式进行设置处理；S4、对快捷连接的元素进行移动并记录；S5、形成S4中的意愿连接。
[0005]作为本专利技术的一种优选方案：所述S1中的可控制移动的对象为人字箭头或四角箭头的其中一种。
[0006]作为本专利技术的一种优选方案：所述S1中可控制移动的对象添加draggable="true"属性，拖拽时通过HTML的拖拽API进行拖拽。
[0007]作为本专利技术的一种优选方案：所述S1中的可控制移动的对象通过鼠标移动或手动触摸按压移动，所述鼠标移动调用鼠标API。
[0008]作为本专利技术的一种优选方案：所述调用鼠标API包括光标移动、左键单击、左键双击、右键单击和无动作保持，通过光标移动、左键单击、左键双击、右键单击和无动作保持进行拖拽处理。
[0009]作为本专利技术的一种优选方案：所述S3中的选择连接内容并对连接内容意愿连接触发方式进行设置处理具体包括以下步骤：S31、在多内容连接时以之间最短路径的边进行连接处理；
S32、根据二边最短路径轨迹对连接内容意愿连接触发方式进行设置。
[0010]作为本专利技术的一种优选方案：所述S4中的对快捷连接的元素进行移动并记录具体包括以下步骤：S41、通过快捷连接的触发方式进行连接内容拖动快捷连接的元素进行移动；S42、在移动时记录穿过内容的边线。
[0011]与现有技术相比，本专利技术的有益效果是：本专利技术运用在流程图产品中，在用户不清楚流程时先将所有内容列出然后整齐排列后，可以通过触发条件后，可以快速高效地按照意愿轨迹完成连接，提高用户在复杂流程图制作时的连接效率，有效减少用户连接内容过程中时间，能够在当前产品无法兼顾连接方式与效率时，通过拖动鼠标监控经过内容位置和鼠标移动位置提供用户意愿轨迹，既兼顾用户所需的轨迹情况下，仍可以兼顾连接效率，对于复杂流程图或泳道图绘制场景下，提高用户体验与工作效率。
附图说明
[0012]图1为本专利技术线条区域判断方法流程图；图2为本专利技术锚点设置示意图；图3为本专利技术锚点连接示意图。
具体实施方式
[0013]下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。
[0014]请参阅图1至图3，本专利技术提供一种技术方案：一种各内容间实现快速连接的方法，包括以下步骤：S1、对可控制移动的对象进行选定；S2、根据可控制移动的对象对快捷连接的触发方式进行设置；S3、选择连接内容并对连接内容意愿连接触发方式进行设置处理；S4、对快捷连接的元素进行移动并记录；S5、形成S4中的意愿连接。
[0015]其中S1中的可控制移动的对象为人字箭头或四角箭头的其中一种。
[0016]其中，S1中可控制移动的对象添加draggable="true"属性，拖拽时通过HTML的拖拽API进行拖拽。
[0017]其中，S1中的可控制移动的对象通过鼠标移动或手动触摸按压移动，所述鼠标移动调用鼠标API，通过设置鼠标API，提升了对操控的便捷。
[0018]其中，调用鼠标API包括光标移动、左键单击、左键双击、右键单击和无动作保持，通过光标移动、左键单击、左键双击、右键单击和无动作保持进行拖拽处理，通过设置鼠标API，提升了对操控的便捷。
[0019]其中，S3中的选择连接内容并对连接内容意愿连接触发方式进行设置处理具体包括以下步骤：
S31、在多内容连接时以之间最短路径的边进行连接处理；S32、根据二边最短路径轨迹对连接内容意愿连接触发方式进行设置。
[0020]其中，S4中的对快捷连接的元素进行移动并记录具体包括以下步骤：S41、通过快捷连接的触发方式进行连接内容拖动快捷连接的元素进行移动；S42、在移动时记录穿过内容的边线。
[0021]实施例一种各内容间实现快速连接的方法，包括以下步骤：S1、将线条添加draggable="true"属性，标记为可拖拽元素，拖拽线条时通过HTML的拖拽API进行拖拽，并将线条添加dragover事件监听，添加dragover事件监听当线条被拖到目标上以100ms/次进行触发；S2、调用鼠标光标移动、左键单击、左键双击、右键单击和无动作保持，通过光标移动、左键单击、左键双击、右键单击和无动作保持对线条进行拖拽处理，拖拽时触发dragover事件时实时更新线条在区域内的左边界、右边界、上边界和下边界，左边界为横坐标，右边界为横坐标+宽度，上边界为纵坐标，下边界为纵坐标+高度；S3、通过线条区域内的坐标判断拖拽线条与输入内容约束盒子上的相交情况；S4、在输入内容的四周设置十六个连接锚点；S5、拖拽线条穿过其中一个锚点时记录锚点水平横坐标clientX、水平纵坐标clientY和输入内容的唯一标识ID，通过锚点确认连接线的起始节点和连接线的终止节点；S6、取消线条的拖拽状态时通过鼠标取消对线条的拖拽状态，通过依次记录的锚点起始节点和锚点终止节点进行连接。
[0022]尽管已经示出和描述了本专利技术的实施例，对于本领域的普通技术人员而言，可以理解在不脱离本专利技术的原理和精神的情况下可以对这些实施例进行多种变化、修改、替换和变型，本专利技术的范围由所附权利要求及其等同物限定。
本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种各内容间实现快速连接的方法，其特征在于，包括以下步骤：S1、对可控制移动的对象进行选定；S2、根据可控制移动的对象对快捷连接的触发方式进行设置；S3、选择连接内容并对连接内容意愿连接触发方式进行设置处理；S4、对快捷连接的元素进行移动并记录；S5、形成S4中的意愿连接。2.根据权利要求1所述的一种各内容间实现快速连接的方法，其特征在于：所述S1中的可控制移动的对象为人字箭头或四角箭头的其中一种。3.根据权利要求2所述的一种各内容间实现快速连接的方法，其特征在于：所述S1中可控制移动的对象添加draggable="true"属性，拖拽时通过HTML的拖拽API进行拖拽。4.根据权利要求3所述的一种各内容间实现快速连接的方法，其特征在于：所述S1中的可控制移动的对象通过鼠标移动或手动触摸按压移动，所述鼠标移动调用鼠标A...

【专利技术属性】
技术研发人员：连建平，肖宇斐，
申请(专利权)人：蜜蜂信息科技山东有限公司，
类型：发明
国别省市：