diff --git a/canvas.html b/canvas.html
index 0823461..b913522 100644
--- a/canvas.html
+++ b/canvas.html
@@ -71,6 +71,7 @@
canvas.style.backgroundColor = 'transparent';
var xterm = new AnsiTerminal(80, 10, 0);
+ var canvasXTerm = new CanvasXTerm();
xterm.debug = false;
xterm.newline_mode = true;
@@ -81,22 +82,18 @@
' \u001b[36;1mgulp-cmd \u001b[0mconcat: \u001b[35mAssets/js/util/ztree/3.5.0/css/img/diy/8.png\u001b[39m ...ok\u001b[36m +0ms\u001b[0m\r\n'
].forEach(function (line){ xterm.write(line + '\n'); });
- xterm.write('\033[4;41;32m红底下划线绿字\033[0m\r\n' + new Date().toISOString());
+ xterm.write('\033[4;41;32m红底下划线绿字\033[0m\r\n' + new Date().toISOString() + '\r\n');
document.getElementById('term').innerHTML = xterm.toString('html');
- // setTimeout(write, 1000 - new Date().getMilliseconds());
+ canvasXTerm.draw(xterm.getStyles());
+
+ document.getElementById('term').appendChild(canvasXTerm.canvas);
+
+ setTimeout(write, 1000 - new Date().getMilliseconds());
}
write();
-
- var canvasXTerm = new CanvasXTerm();
-
- canvasXTerm.draw(xterm.getStyles());
-
- console.log(canvasXTerm.canvas);
-
- document.getElementById('term').appendChild(canvasXTerm.canvas);