diff --git a/canvas.html b/canvas.html
index 7922731..a4556ea 100644
--- a/canvas.html
+++ b/canvas.html
@@ -7,7 +7,7 @@
     <script type="text/javascript" src="./static/js/terminal/lru.js"></script>
     <script type="text/javascript" src="./static/js/terminal/canvas-xterm.js"></script>
     <style type="text/css">
-      #term {
+      .term {
         color: #fff;
         background-color: #181818;
         font: 13px/1.5 Consolas, sans-serif;
@@ -16,8 +16,10 @@
   </head>
   <body>
     <canvas id="canvas" width="300" height="200"></canvas>
-    <div id="term"></div>
-    <canvas id="term-canvas" style="background: #181818;"></canvas>
+    <div id="term" class="term"></div>
+    <div class="term" style="margin-top: 10px;">
+      <canvas id="term-canvas"></canvas>
+    </div>
     <script>
       // var font = '13px Consolas';
       var font = '13px 微软雅黑';
diff --git a/static/js/terminal/index.js b/static/js/terminal/index.js
index 50f02ff..34a576c 100644
--- a/static/js/terminal/index.js
+++ b/static/js/terminal/index.js
@@ -1092,6 +1092,7 @@ AnsiTerminal.prototype.toString = function (type){
     var stylesBuffer = this.styles();
 
     for (i = 0; i < rows; ++i) {
+      text = '';
       line = '<div>';
 
       for (j = 0; j < cols; ++j) {
