text-mode/readme.md

Character based display for the DOM

# text-mode

## Character based display for the DOM

`npm install text-mode`

```javascript
var TextMode = require( 'text-mode' );
```

`bower install text-mode`

```html
<script src="bower_components/text-mode/text-mode-min.js"></script>
```

```javascript
//appends to document.body
var tm = new TextMode();
```

```javascript
//appends to element matching selector
var tm = new TextMode( '#viewport' );
```

```javascript
var viewport = document.querySelector( '#viewport' );

//appends to element
var tm = new TextMode( viewport );
```  

```javascript
//options (showing defaults)
var tm = new TextMode({
  columns: 80,
  rows: 25,
  fore: '#ddd',
  back: '#222',
  font: '16px monospace'
});
```

```javascript
//target + options
var tm = new TextMode( '#viewport', {
  font: '24px monospace'
});
```

```javascript
//draw
tm.each( function( column, row ){
  tm.set( column, row, '@', '#fff', '#39f' );
});
```  

```javascript  
//get
console.log( tm.get( 5, 5 ) );
```  

```javascript  
//buffer
var buffer = tm.get();
  
tm.set( buffer );
```