web-topology/help.html at master · zero-edge-code/web-topology · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<h5> 1.基本操作</h5>
<ul>
    <li>
        <p>图元区操作</p>
        <p>选择连线：单击不同的连线就可以选择不同形态的连线进行操作.</p>
        <p>拖拽图元到编辑器：将鼠标移动到需要拖拽的图标,按下鼠标左键不放拖动鼠标,在编辑器空白处松开鼠标左键即完成一次拖拽操作.</p>
    </li>

    <li>
        <p>编辑器操作</p>
        <p>移动画布：在编辑器空白处按下鼠标左键不放,移动鼠标就可以对画布进行拖拽查看.</p>
        <p>缩放画布：将鼠标移动到画布所在区域,滚动鼠标滚轮就可以对画布进行缩放.</p>
        <p>右键菜单：在编辑器空白区域单击鼠标右键,即可看到功能菜单.</p>
        <p>移动节点：在节点上按下左键不放移动鼠标.默认情况下,移动节点时会显示一条十字线,方便节点对齐移动.</p>
        <p>拓扑图保存: 在编辑器空白区域右键点击"保存"或者在工具栏点击"保存"按钮完成拓扑图的保存操作.</p>
        <p>拓扑图清空: 在编辑器空白区域右键点击"清空"或者在工具栏点击"清空"按钮完成拓扑图的清空操作.注意:清空操作将删除数据库保存的节点信息和模板信息</p>
    </li>

    <li>
        <p>连线操作</p>
        <p>节点连线：左键单击节点，移动鼠标即可看到一条随鼠标移动的线条；在目标节点上点击鼠标左键即可完成一次连线.</p>
        <p>连线类型: 在左侧工具栏可以选择五种类型的连线,分别是:普通直线,折线和二次折线(每种折线分为横向和竖向的线).</p>
        <p>删除连线: 将鼠标移动到连线上单击鼠标右键,在弹出菜单上选择"删除连线"菜单或者在工具栏点击"删除"按钮</p>
        <p>设定连线文字: 将鼠标移动到连线上单击鼠标右键,在弹出菜单上选择"添加描述"菜单.然后在弹出的文本框中输入需要添加的文字信息.</p>
    </li>
    <li>
        <p>节点操作</p>
        <p>选择节点：按住Ctrl键不放，单击节点可以选择单个或者多个节点.</p>
        <p>删除节点：将鼠标移动到连线上单击鼠标右键,在弹出菜单上选择"删除节点"菜单或者在工具栏点击"删除"按钮.</p>
        <p>复制节点：将鼠标移动到连线上单击鼠标右键,在弹出菜单上选择"复制节点"菜单或者在工具栏点击"复制"按钮.</p>
        <p>移动节点：在节点上按下左键不放移动鼠标.默认情况下,移动节点时会显示一条十字线,方便节点对齐移动.</p>
        <p>对节点应用布局：系统对节点支持三种布局方式:圆形,树形,分组布局.对节点进行圆形布局,会对该节点所指向的所有节点按照一定的半径进行重排.
        同理,树形布局或对其指向的节点按照一定宽度的树结构进行重排.应用分组布局的时候,其指向的节点会按照该节点的移动进行同步位移.</p>
    </li>
</ul>
<h5> 2.属性面板操作</h5>
<ul>
    <li>
        <p>打开设备图标对应的属性面板</p>
        <p>在需要操作的图标上双击鼠标,在右侧区域即可看到打开的属性面板页面</p>
    </li>
    <li>
        <p>设备属性的编辑和保存</p>
        <p>打开设备属性面板后可以编辑和保存该设备的相关属性</p>
    </li>
</ul>
</body>
</html>