https://github.com/nuintun/canvas-xterm
A tool to draw xterm screen
https://github.com/nuintun/canvas-xterm
Last synced: 5 months ago
JSON representation
A tool to draw xterm screen
- Host: GitHub
- URL: https://github.com/nuintun/canvas-xterm
- Owner: nuintun
- License: mit
- Created: 2015-12-03T10:01:11.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2017-04-21T02:14:32.000Z (about 9 years ago)
- Last Synced: 2023-04-05T13:37:52.135Z (about 3 years ago)
- Language: HTML
- Homepage:
- Size: 7.81 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# canvas-xterm
>A tool to draw xterm screen
```js
var screen = {
rows: 1,
cols: 14,
buffer: [
[
{
"wide": true,
"bold": false,
"italic": false,
"underline": true,
"blink": false,
"conceal": false,
"foreground": "#00cd00",
"background": "#cd0000",
"attr": 84148737,
"value": "红"
},
{
"wide": false,
"bold": false,
"italic": false,
"underline": true,
"blink": false,
"conceal": false,
"foreground": "#00cd00",
"background": "#cd0000",
"attr": 84148737,
"value": ""
},
{
"wide": true,
"bold": false,
"italic": false,
"underline": true,
"blink": false,
"conceal": false,
"foreground": "#00cd00",
"background": "#cd0000",
"attr": 84148737,
"value": "底"
},
{
"wide": false,
"bold": false,
"italic": false,
"underline": true,
"blink": false,
"conceal": false,
"foreground": "#00cd00",
"background": "#cd0000",
"attr": 84148737,
"value": ""
},
{
"wide": true,
"bold": false,
"italic": false,
"underline": true,
"blink": false,
"conceal": false,
"foreground": "#00cd00",
"background": "#cd0000",
"attr": 84148737,
"value": "下"
},
{
"wide": false,
"bold": false,
"italic": false,
"underline": true,
"blink": false,
"conceal": false,
"foreground": "#00cd00",
"background": "#cd0000",
"attr": 84148737,
"value": ""
},
{
"wide": true,
"bold": false,
"italic": false,
"underline": true,
"blink": false,
"conceal": false,
"foreground": "#00cd00",
"background": "#cd0000",
"attr": 84148737,
"value": "划"
},
{
"wide": false,
"bold": false,
"italic": false,
"underline": true,
"blink": false,
"conceal": false,
"foreground": "#00cd00",
"background": "#cd0000",
"attr": 84148737,
"value": ""
},
{
"wide": true,
"bold": false,
"italic": false,
"underline": true,
"blink": false,
"conceal": false,
"foreground": "#00cd00",
"background": "#cd0000",
"attr": 84148737,
"value": "线"
},
{
"wide": false,
"bold": false,
"italic": false,
"underline": true,
"blink": false,
"conceal": false,
"foreground": "#00cd00",
"background": "#cd0000",
"attr": 84148737,
"value": ""
},
{
"wide": true,
"bold": false,
"italic": false,
"underline": true,
"blink": false,
"conceal": false,
"foreground": "#00cd00",
"background": "#cd0000",
"attr": 84148737,
"value": "绿"
},
{
"wide": false,
"bold": false,
"italic": false,
"underline": true,
"blink": false,
"conceal": false,
"foreground": "#00cd00",
"background": "#cd0000",
"attr": 84148737,
"value": ""
},
{
"wide": true,
"bold": false,
"italic": false,
"underline": true,
"blink": false,
"conceal": false,
"foreground": "#00cd00",
"background": "#cd0000",
"attr": 84148737,
"value": "字"
},
{
"wide": false,
"bold": false,
"italic": false,
"underline": true,
"blink": false,
"conceal": false,
"foreground": "#00cd00",
"background": "#cd0000",
"attr": 84148737,
"value": ""
}
]
]
};
var xterm = new CanvasXTerm();
xterm.draw(screen);
document.body.appendChild(xterm.canvas);
```