修正demo目录

2021-08-01 00:44:04 +08:00
parent 0ef21a6268
commit 8ff56da8db
18 changed files with 653 additions and 1066 deletions
@@ -0,0 +1,133 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>DEMO</title>
+    <style>
+        * {
+            padding: 0;
+            margin: 0;
+            user-select: none;
+        }
+
+        .container {
+            width: 100%;
+            height: 400px;
+            background-color: #fafafa;
+            border: 1px solid #ccc;
+        }
+
+        .down {
+            display: flex;
+            margin-top: 20px;
+        }
+
+        #freed {
+            width: 200px;
+            height: 300px;
+            border: 1px solid #ccc;
+            background-color: #fafafa;
+            margin-right: 30px;
+        }
+
+        #leak {
+            width: 400px;
+            height: 300px;
+            border: 1px solid #ccc;
+            background-color: #fafafa;
+        }
+    </style>
+</head>
+
+<body>
+
+    <div class="container" id="container"></div>
+
+    <button id="btn-prev">prev</button>
+    <button id="btn-next">next</button>
+    <button id="hide">隐藏</button>
+    <span id="pos"></span>
+
+    <div class="down">
+        <div id="freed"></div>
+        <div id="leak"></div>
+    </div>
+
+
+
+    <script src="./../dist/sv.js"></script>
+    <script>
+
+        const Group = SV.Group,
+            Bound = SV.Bound,
+            G6 = SV.G6,
+            Vector = SV.Vector;
+
+    </script>
+    <script src="./Layouter/LinkList.js"></script>
+    <script src="./Layouter/BinaryTree.js"></script>
+    <script src="./Layouter/Stack.js"></script>
+    <script src="./Layouter/LinkQueue.js"></script>
+    <script src="./Layouter/GeneralizedList.js"></script>
+    <script src="./Layouter/ChainHashTable.js"></script>
+    <script src="./Layouter/Array.js"></script>
+    <script src="./Layouter/HashTable.js"></script>
+    <script src="./Layouter/LinkStack.js"></script>
+    <script>
+
+
+        let cur = SV(document.getElementById('container'), {
+            freedContainer: document.getElementById('freed'),
+            leakContainer: document.getElementById('leak')
+        });
+
+
+        let dataIndex = 0,
+            curData = data[dataIndex];
+
+        cur.render(curData);
+
+        let f = true;
+        document.getElementById('hide').addEventListener('click', e => {
+            f ? cur.hideGroups(['BinaryTree']) : cur.hideGroups(['LinkList']);
+            f = !f;
+        });
+
+        document.getElementById('btn-next').addEventListener('click', e => {
+            curData = data[++dataIndex];
+            cur.render(curData);
+        });
+
+        document.getElementById('btn-prev').addEventListener('click', e => {
+            curData = data[--dataIndex]
+            cur.render(curData);
+        });
+
+
+
+
+
+
+
+        cur.on('onLeak', () => { });
+
+
+
+        const container = document.getElementById('container'),
+            pos = document.getElementById('pos');
+
+        container.addEventListener('mousemove', e => {
+            let x = e.offsetX, y = e.offsetY;
+            pos.innerHTML = `${x},${y}`;
+        });
+
+
+
+
+
+    </script>
+</body>
+
+</html>