diff --git a/canvas.html b/canvas.html
index 4b375c1..41373da 100644
--- a/canvas.html
+++ b/canvas.html
@@ -71,43 +71,43 @@
xterm.debug = false;
- [
- '\u001b[32m\'use strict\'\u001b[39m\u001b[38;5;248m;\u001b[39m',
- '\u001b[38;5;248m/*jshint browser:true */\u001b[39m',
- '',
- '\u001b[32mvar\u001b[39m \u001b[37mTerminal\u001b[39m \u001b[38;5;214m=\u001b[39m \u001b[37mrequire\u001b[39m\u001b[38;5;248m(\u001b[39m\u001b[32m\'./term\'\u001b[39m\u001b[38;5;248m)\u001b[39m\u001b[32m,\u001b[39m',
- ' \u001b[37mthrough\u001b[39m \u001b[38;5;214m=\u001b[39m \u001b[37mrequire\u001b[39m\u001b[38;5;248m(\u001b[39m\u001b[32m\'through\'\u001b[39m\u001b[38;5;248m)\u001b[39m\u001b[38;5;248m;\u001b[39m',
- '',
- '\u001b[37mmodule\u001b[39m\u001b[32m.\u001b[39m\u001b[37mexports\u001b[39m \u001b[38;5;214m=\u001b[39m \u001b[38;5;39mfunction\u001b[39m \u001b[38;5;248m(\u001b[39m\u001b[37mcols\u001b[39m\u001b[32m,\u001b[39m \u001b[37mrows\u001b[39m\u001b[32m,\u001b[39m \u001b[37mhandler\u001b[39m\u001b[38;5;248m)\u001b[39m \u001b[33m{\u001b[39m',
- ' \u001b[32mvar\u001b[39m \u001b[37mterm\u001b[39m \u001b[38;5;214m=\u001b[39m \u001b[31mnew\u001b[39m \u001b[37mTerminal\u001b[39m\u001b[38;5;248m(\u001b[39m\u001b[37mcols\u001b[39m\u001b[32m,\u001b[39m \u001b[37mrows\u001b[39m\u001b[32m,\u001b[39m \u001b[37mhandler\u001b[39m\u001b[38;5;248m)\u001b[39m\u001b[38;5;248m;\u001b[39m',
- ' \u001b[37mterm\u001b[39m\u001b[32m.\u001b[39m\u001b[37mopen\u001b[39m\u001b[38;5;248m(\u001b[39m\u001b[38;5;248m)\u001b[39m\u001b[38;5;248m;\u001b[39m',
- ' ',
- ' \u001b[32mvar\u001b[39m \u001b[37mhypernal\u001b[39m \u001b[38;5;214m=\u001b[39m \u001b[37mthrough\u001b[39m\u001b[38;5;248m(\u001b[39m\u001b[37mterm\u001b[39m\u001b[32m.\u001b[39m\u001b[37mwrite\u001b[39m\u001b[32m.\u001b[39m\u001b[37mbind\u001b[39m\u001b[38;5;248m(\u001b[39m\u001b[37mterm\u001b[39m\u001b[38;5;248m)\u001b[39m\u001b[38;5;248m)\u001b[39m\u001b[38;5;248m;\u001b[39m',
- ' \u001b[37mhypernal\u001b[39m\u001b[32m.\u001b[39m\u001b[37mappendTo\u001b[39m \u001b[38;5;214m=\u001b[39m \u001b[38;5;39mfunction\u001b[39m \u001b[38;5;248m(\u001b[39m\u001b[37melem\u001b[39m\u001b[38;5;248m)\u001b[39m \u001b[33m{\u001b[39m',
- ' \u001b[38;5;39mif\u001b[39m \u001b[38;5;248m(\u001b[39m\u001b[38;5;39mtypeof\u001b[39m \u001b[37melem\u001b[39m \u001b[38;5;214m===\u001b[39m \u001b[32m\'string\'\u001b[39m\u001b[38;5;248m)\u001b[39m \u001b[37melem\u001b[39m \u001b[38;5;214m=\u001b[39m \u001b[37mdocument\u001b[39m\u001b[32m.\u001b[39m\u001b[37mquerySelector\u001b[39m\u001b[38;5;248m(\u001b[39m\u001b[37melem\u001b[39m\u001b[38;5;248m)\u001b[39m\u001b[38;5;248m;\u001b[39m',
- '',
- ' \u001b[37melem\u001b[39m\u001b[32m.\u001b[39m\u001b[37mappendChild\u001b[39m\u001b[38;5;248m(\u001b[39m\u001b[37mterm\u001b[39m\u001b[32m.\u001b[39m\u001b[37melement\u001b[39m\u001b[38;5;248m)\u001b[39m\u001b[38;5;248m;\u001b[39m',
- ' \u001b[37mterm\u001b[39m\u001b[32m.\u001b[39m\u001b[37melement\u001b[39m\u001b[32m.\u001b[39m\u001b[37mstyle\u001b[39m\u001b[32m.\u001b[39m\u001b[37mposition\u001b[39m \u001b[38;5;214m=\u001b[39m \u001b[32m\'relative\'\u001b[39m\u001b[38;5;248m;\u001b[39m',
- ' \u001b[33m}\u001b[39m\u001b[38;5;248m;\u001b[39m',
- '',
- ' \u001b[37mhypernal\u001b[39m\u001b[32m.\u001b[39m\u001b[37mwriteln\u001b[39m \u001b[38;5;214m=\u001b[39m \u001b[38;5;39mfunction\u001b[39m \u001b[38;5;248m(\u001b[39m\u001b[37mline\u001b[39m\u001b[38;5;248m)\u001b[39m \u001b[33m{\u001b[39m',
- ' \u001b[37mterm\u001b[39m\u001b[32m.\u001b[39m\u001b[37mwriteln\u001b[39m\u001b[38;5;248m(\u001b[39m\u001b[37mline\u001b[39m\u001b[38;5;248m)\u001b[39m\u001b[38;5;248m;\u001b[39m',
- ' \u001b[33m}\u001b[39m\u001b[38;5;248m;\u001b[39m',
- '',
- ' \u001b[37mhypernal\u001b[39m\u001b[32m.\u001b[39m\u001b[37mwrite\u001b[39m \u001b[38;5;214m=\u001b[39m \u001b[37mterm\u001b[39m\u001b[32m.\u001b[39m\u001b[37mwrite\u001b[39m\u001b[32m.\u001b[39m\u001b[37mbind\u001b[39m\u001b[38;5;248m(\u001b[39m\u001b[37mterm\u001b[39m\u001b[38;5;248m)\u001b[39m\u001b[38;5;248m;\u001b[39m',
- '',
- ' \u001b[31mreturn\u001b[39m \u001b[37mhypernal\u001b[39m\u001b[38;5;248m;\u001b[39m',
- '\u001b[33m}\u001b[39m\u001b[38;5;248m;\u001b[39m',
- ''
- ].forEach(function (line){ xterm.write(line + '\r\n'); });
+ function write(){
+ [
+ '\u001b[32m\'use strict\'\u001b[39m\u001b[38;5;248m;\u001b[39m',
+ '\u001b[38;5;248m/*jshint browser:true */\u001b[39m',
+ '',
+ '\u001b[32mvar\u001b[39m \u001b[37mTerminal\u001b[39m \u001b[38;5;214m=\u001b[39m \u001b[37mrequire\u001b[39m\u001b[38;5;248m(\u001b[39m\u001b[32m\'./term\'\u001b[39m\u001b[38;5;248m)\u001b[39m\u001b[32m,\u001b[39m',
+ ' \u001b[37mthrough\u001b[39m \u001b[38;5;214m=\u001b[39m \u001b[37mrequire\u001b[39m\u001b[38;5;248m(\u001b[39m\u001b[32m\'through\'\u001b[39m\u001b[38;5;248m)\u001b[39m\u001b[38;5;248m;\u001b[39m',
+ '',
+ '\u001b[37mmodule\u001b[39m\u001b[32m.\u001b[39m\u001b[37mexports\u001b[39m \u001b[38;5;214m=\u001b[39m \u001b[38;5;39mfunction\u001b[39m \u001b[38;5;248m(\u001b[39m\u001b[37mcols\u001b[39m\u001b[32m,\u001b[39m \u001b[37mrows\u001b[39m\u001b[32m,\u001b[39m \u001b[37mhandler\u001b[39m\u001b[38;5;248m)\u001b[39m \u001b[33m{\u001b[39m',
+ ' \u001b[32mvar\u001b[39m \u001b[37mterm\u001b[39m \u001b[38;5;214m=\u001b[39m \u001b[31mnew\u001b[39m \u001b[37mTerminal\u001b[39m\u001b[38;5;248m(\u001b[39m\u001b[37mcols\u001b[39m\u001b[32m,\u001b[39m \u001b[37mrows\u001b[39m\u001b[32m,\u001b[39m \u001b[37mhandler\u001b[39m\u001b[38;5;248m)\u001b[39m\u001b[38;5;248m;\u001b[39m',
+ ' \u001b[37mterm\u001b[39m\u001b[32m.\u001b[39m\u001b[37mopen\u001b[39m\u001b[38;5;248m(\u001b[39m\u001b[38;5;248m)\u001b[39m\u001b[38;5;248m;\u001b[39m',
+ ' ',
+ ' \u001b[32mvar\u001b[39m \u001b[37mhypernal\u001b[39m \u001b[38;5;214m=\u001b[39m \u001b[37mthrough\u001b[39m\u001b[38;5;248m(\u001b[39m\u001b[37mterm\u001b[39m\u001b[32m.\u001b[39m\u001b[37mwrite\u001b[39m\u001b[32m.\u001b[39m\u001b[37mbind\u001b[39m\u001b[38;5;248m(\u001b[39m\u001b[37mterm\u001b[39m\u001b[38;5;248m)\u001b[39m\u001b[38;5;248m)\u001b[39m\u001b[38;5;248m;\u001b[39m',
+ ' \u001b[37mhypernal\u001b[39m\u001b[32m.\u001b[39m\u001b[37mappendTo\u001b[39m \u001b[38;5;214m=\u001b[39m \u001b[38;5;39mfunction\u001b[39m \u001b[38;5;248m(\u001b[39m\u001b[37melem\u001b[39m\u001b[38;5;248m)\u001b[39m \u001b[33m{\u001b[39m',
+ ' \u001b[38;5;39mif\u001b[39m \u001b[38;5;248m(\u001b[39m\u001b[38;5;39mtypeof\u001b[39m \u001b[37melem\u001b[39m \u001b[38;5;214m===\u001b[39m \u001b[32m\'string\'\u001b[39m\u001b[38;5;248m)\u001b[39m \u001b[37melem\u001b[39m \u001b[38;5;214m=\u001b[39m \u001b[37mdocument\u001b[39m\u001b[32m.\u001b[39m\u001b[37mquerySelector\u001b[39m\u001b[38;5;248m(\u001b[39m\u001b[37melem\u001b[39m\u001b[38;5;248m)\u001b[39m\u001b[38;5;248m;\u001b[39m',
+ '',
+ ' \u001b[37melem\u001b[39m\u001b[32m.\u001b[39m\u001b[37mappendChild\u001b[39m\u001b[38;5;248m(\u001b[39m\u001b[37mterm\u001b[39m\u001b[32m.\u001b[39m\u001b[37melement\u001b[39m\u001b[38;5;248m)\u001b[39m\u001b[38;5;248m;\u001b[39m',
+ ' \u001b[37mterm\u001b[39m\u001b[32m.\u001b[39m\u001b[37melement\u001b[39m\u001b[32m.\u001b[39m\u001b[37mstyle\u001b[39m\u001b[32m.\u001b[39m\u001b[37mposition\u001b[39m \u001b[38;5;214m=\u001b[39m \u001b[32m\'relative\'\u001b[39m\u001b[38;5;248m;\u001b[39m',
+ ' \u001b[33m}\u001b[39m\u001b[38;5;248m;\u001b[39m',
+ '',
+ ' \u001b[37mhypernal\u001b[39m\u001b[32m.\u001b[39m\u001b[37mwriteln\u001b[39m \u001b[38;5;214m=\u001b[39m \u001b[38;5;39mfunction\u001b[39m \u001b[38;5;248m(\u001b[39m\u001b[37mline\u001b[39m\u001b[38;5;248m)\u001b[39m \u001b[33m{\u001b[39m',
+ ' \u001b[37mterm\u001b[39m\u001b[32m.\u001b[39m\u001b[37mwriteln\u001b[39m\u001b[38;5;248m(\u001b[39m\u001b[37mline\u001b[39m\u001b[38;5;248m)\u001b[39m\u001b[38;5;248m;\u001b[39m',
+ ' \u001b[33m}\u001b[39m\u001b[38;5;248m;\u001b[39m',
+ '',
+ ' \u001b[37mhypernal\u001b[39m\u001b[32m.\u001b[39m\u001b[37mwrite\u001b[39m \u001b[38;5;214m=\u001b[39m \u001b[37mterm\u001b[39m\u001b[32m.\u001b[39m\u001b[37mwrite\u001b[39m\u001b[32m.\u001b[39m\u001b[37mbind\u001b[39m\u001b[38;5;248m(\u001b[39m\u001b[37mterm\u001b[39m\u001b[38;5;248m)\u001b[39m\u001b[38;5;248m;\u001b[39m',
+ '',
+ ' \u001b[31mreturn\u001b[39m \u001b[37mhypernal\u001b[39m\u001b[38;5;248m;\u001b[39m',
+ '\u001b[33m}\u001b[39m\u001b[38;5;248m;\u001b[39m',
+ ''
+ ].forEach(function (line){ xterm.write(line + '\r\n'); });
- xterm.write('\033[41;32m红底绿字\033[0m');
+ xterm.write('\033[41;32m红底绿字\033[0m' + new Date().toISOString());
- var html = xterm.toString('html');
+ document.getElementById('term').innerHTML = xterm.toString('html');
+ }
- console.log(html);
-
- document.getElementById('term').innerHTML = html;
+ write();