FabricFamilyTree/qunee-start.html at master · githubyangwei/FabricFamilyTree · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .Q-CanvasPanel .Q-Canvas:nth-child(2) {
            opacity: 0;
        }
    </style>
</head>
<body>
<div style="position: relative;width: 800px;left: 100px;">
    <div style="position: absolute; width: 800px;height:600px; top: 0px; bottom: 0px;border: 1px solid #ccc;" id="canvas"></div>

    <div id="overview" style="width: 150px;height: 120px;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);position: absolute;right: -160px;top: 5px;background-color: #FFF;"></div>
</div>

<div id="btnOverview" title="Show Overview Panel" style="float: right;width: 100px;height: 100px;" class="btn btn-default btn-sm">
    <div class="q-icon toolbar-overview"></div>
</div>
<script type="application/javascript" src="resource/jquery-1.12.4.js"></script>
<script src="resource/dataformat/jqTool.js"></script>
<script type="application/javascript" src="resource/commons/qunee.js"></script>
<script type="application/javascript" src="resource/commons/common.js"></script>
<script src="resource/dataformat/format.js"></script>
<script src="resource/dataformat/pedigree.js"></script>
<script src="resource/svg/svgAll.js"></script>
<script src="resource/commons/pageAction.js"></script>

</body>
</html>