买专利卖专利找龙图腾，真高效！ 查专利查商标用IPTOP,全免费！专利年费监控用IP管家,真方便！

申请/专利权人：南京海泰医疗信息系统有限公司

摘要：本发明公开了一种基于SVG图形的时光轴绘制方法、系统及电子设备，涉及时光轴绘制技术领域，该方法包括：首先采用SVG为目标流程构建一个空白画布；其次根据目标流程，从元素库中选择相应的节点元素和文字元素添加至空白画布中；然后确定两个节点元素的连线类型并进行连线操作，形成完整的时光轴；最后对时光轴进行整体缩放和整体平移操作，然后将处理后的时光轴保存至数据库。本发明能够简化了传统程序的复杂处理，轻松地进行绘制、编辑和管理时光轴。

主权项：1.一种基于SVG图形的时光轴绘制方法，其特征在于，包括：获取目标流程；所述目标流程包括多个流程事件以及每个所述流程事件的事件流向；采用SVG，为目标流程构建一个空白画布；根据所述目标流程中的流程事件，从元素库中选择相应的节点元素和文字元素，然后通过鼠标依次将相应的节点元素和文字元素拖入空白画布中，并放在相应位置处；确定每个节点元素的位置信息，并根据每个节点元素的位置信息确定任意两个节点元素的纵向距离，然后根据纵向距离确定两个节点元素的连线类型；根据连线类型，对相应的两个节点元素进行连线操作，形成完整的时光轴，并对时光轴进行整体缩放和整体平移操作，然后将整体缩放和整体平移操作后的时光轴保存至数据库；整个画布以HTML格式存入数据库中；所述基于SVG图形的时光轴绘制方法，还包括：使用addEventListener方法来为节点元素添加mousemove事件的监听器；所述监听器用于当用户移动鼠标时自动调用回调函数，每次事件触发时自动记录当前鼠标的位置，并计算出鼠标当前位置与鼠标上一次位置之间的距离；其中，确定每个节点元素的位置信息，并根据每个节点元素的位置信息确定任意两个节点元素的纵向距离，然后根据纵向距离确定两个节点元素的连线类型，具体包括：根据监听器，确定每个节点元素的位置信息；根据每个节点元素的位置信息，确定任意两个节点元素的纵向距离；当纵向距离为0时，相应两个节点元素的连线类型为直线；当纵向距离不为0时，相应两个节点元素的连线类型为折线；计算横纵距离的公式为：X＝disX-x+eX；Y＝disY-y+eY；disX表示的是节点元素拖拽移动之后终点位置的横坐标，x是节点元素初始位置横坐标，两者之间的差值即为节点元素移动的横向距离；disY和y同理，disY表示的是节点元素拖拽移动之后终点位置的纵坐标，y是节点元素初始位置纵坐标，两者之间的差值即为节点元素移动的纵向距离；而由于在拖拽过程中鼠标按住节点元素的坐标位置与实际节点元素的中心坐标位置会有所偏差，所以需要加上节点元素中心位置的横坐标eX和纵坐标eY，以此避免拖拽后节点元素位置偏移带来的误差。

全文数据：

权利要求：

百度查询： 南京海泰医疗信息系统有限公司 基于SVG图形的时光轴绘制方法、系统及电子设备