diff --git a/canvas.html b/canvas.html
index 1e29d40..064c8ee 100644
--- a/canvas.html
+++ b/canvas.html
@@ -16,6 +16,7 @@
   <body>
     <canvas id="canvas" width="300" height="200"></canvas>
     <div id="term"></div>
+    <canvas id="term-canvas" style="background: #181818;"></canvas>
     <script>
       // var font = '13px Consolas';
       var font = '13px 微软雅黑';
@@ -84,11 +85,16 @@
 
         xterm.write('\033[4;41;32m红底下划线绿字\033[0m\r\n' + new Date().toISOString() + '\r\n');
 
-        document.getElementById('term').innerHTML = xterm.toString('html');
+        // document.getElementById('term').innerHTML = xterm.toString('html');
 
         canvasXTerm.draw(xterm.getStyles());
 
-        document.getElementById('term').appendChild(canvasXTerm.canvas);
+        var termCanvas = document.getElementById('term-canvas');
+
+        termCanvas.width = canvasXTerm.canvas.width;
+        termCanvas.height = canvasXTerm.canvas.height;
+
+        termCanvas.getContext('2d').drawImage(canvasXTerm.canvas, 0, 0);
 
         setTimeout(write, 1000 - new Date().getMilliseconds());
       }
