容器高度

src/components/Tree.vue

@@ -24,7 +24,7 @@
 <!--      @nodeClick="nodeClick"-->
 <!--    />-->
   </div>
-  <canvas id="line-drawer" :height="HEIGHT" :width="WIDTH"></canvas>
+  <canvas id="line-drawer" :height="fitHeight" :width="WIDTH"></canvas>
 </div>
 </template>
 
@@ -127,6 +127,7 @@ export default {
       WIDTH,
       TREE_MAX_HEIGHT,
       NODE_STYLE,
+      fitHeight: 0,
       ctx: null,
     };
   },
@@ -140,6 +141,7 @@ export default {
     },
     drawLine(height) {
       setTimeout(() => {
+        this.fitHeight = height > HEIGHT ? height : HEIGHT;
         this.ctx.clearRect(0, 0, WIDTH, height > HEIGHT ? height : HEIGHT);
         this.ctx.lineWidth = 1;
         this.ctx.strokeStyle = '#bbbbbb';