diff --git a/demoV2/demo2.html b/demoV2/demo2.html
index 69c7959..82e01d7 100644
--- a/demoV2/demo2.html
+++ b/demoV2/demo2.html
@@ -1,250 +1,237 @@
-
-
-
- DEMO
-
+
- .down {
- display: flex;
- margin-top: 20px;
- }
+
+
- #container {
- width: 100%;
- height: 500px;
- position: relative;
- overflow: hidden;
- }
+
+
+
+
+
+
+
- #leak {
- position: absolute;
- left: 0;
- opacity: 0;
- top: 100px;
- width: 100%;
- box-sizing: border-box;
- padding: 4px;
- border-top: 1px dashed #000;
- pointer-events: none;
- transition: opacity 0.75s ease-in-out;
- }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- #leak > span {
- color: #000;
- }
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ let enableBrushSelect = false;
-
+
- document.getElementById('brush-select').addEventListener('click', e => {
- enableBrushSelect = !enableBrushSelect;
- cur.switchBrushSelect(enableBrushSelect);
- });
-
- cur.on('onLeakAreaUpdate', payload => {
- leak.style.opacity = payload.hasLeak ? 1 : 0;
- leak.style.top = payload.leakAreaY - 40 + 'px';
- });
-
- // -------------------------------------------------------------------------------------------------------
-
- container.addEventListener('mousemove', e => {
- let x = e.offsetX,
- y = e.offsetY;
- pos.innerHTML = `${x},${y}`;
- });
-
-