odin
Version:
Node.js Canvas/WebGL Javascript Game Framework
4,062 lines (1,231 loc) • 80.2 kB
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JSDoc: Class: Canvas</title>
<script src="scripts/prettify/prettify.js"> </script>
<script src="scripts/prettify/lang-css.js"> </script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
</head>
<body>
<div id="main">
<h1 class="page-title">Class: Canvas</h1>
<section>
<header>
<h2>
Canvas
</h2>
</header>
<article>
<div class="container-overview">
<dt>
<h4 class="name" id="Canvas"><span class="type-signature"></span>new Canvas<span class="signature">(Number, Number)</span><span class="type-signature"></span></h4>
</dt>
<dd>
<h5>Parameters:</h5>
<table class="params">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>Number</code></td>
<td class="type">
</td>
<td class="description last">width</td>
</tr>
<tr>
<td class="name"><code>Number</code></td>
<td class="type">
</td>
<td class="description last">height</td>
</tr>
</tbody>
</table>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js.html">core/renderer/canvas.js</a>, <a href="canvas.js.html#line38">line 38</a>
</li></ul></dd>
</dl>
</dd>
</div>
<h3 class="subsection-title">Extends</h3>
<ul>
<li>EventEmitter</li>
</ul>
<h3 class="subsection-title">Members</h3>
<dl>
<dt>
<h4 class="name" id="this.aspect"><span class="type-signature"><static> </span>this.aspect<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>Number</code></td>
<td class="type">
</td>
<td class="description last">aspect</td>
</tr>
</tbody>
</table></dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js.html">core/renderer/canvas.js</a>, <a href="canvas.js.html#line91">line 91</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="this.aspect"><span class="type-signature"><static> </span>this.aspect<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>Number</code></td>
<td class="type">
</td>
<td class="description last">aspect</td>
</tr>
</tbody>
</table></dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js_.html">core/rendering/canvas.js</a>, <a href="canvas.js_.html#line91">line 91</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="this.canvasId"><span class="type-signature"><static> </span>this.canvasId<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>Number</code></td>
<td class="type">
</td>
<td class="description last">canvasId</td>
</tr>
</tbody>
</table></dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js.html">core/renderer/canvas.js</a>, <a href="canvas.js.html#line55">line 55</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="this.canvasId"><span class="type-signature"><static> </span>this.canvasId<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>Number</code></td>
<td class="type">
</td>
<td class="description last">canvasId</td>
</tr>
</tbody>
</table></dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js_.html">core/rendering/canvas.js</a>, <a href="canvas.js_.html#line55">line 55</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="this.customCursor"><span class="type-signature"><static> </span>this.customCursor<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>String</code></td>
<td class="type">
</td>
<td class="description last">customCursor</td>
</tr>
</tbody>
</table></dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js.html">core/renderer/canvas.js</a>, <a href="canvas.js.html#line67">line 67</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="this.customCursor"><span class="type-signature"><static> </span>this.customCursor<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>String</code></td>
<td class="type">
</td>
<td class="description last">customCursor</td>
</tr>
</tbody>
</table></dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js_.html">core/rendering/canvas.js</a>, <a href="canvas.js_.html#line67">line 67</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="this.element"><span class="type-signature"><static> </span>this.element<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>HTMLCanvasElement</code></td>
<td class="type">
</td>
<td class="description last">element</td>
</tr>
</tbody>
</table></dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js.html">core/renderer/canvas.js</a>, <a href="canvas.js.html#line109">line 109</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="this.element"><span class="type-signature"><static> </span>this.element<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>HTMLCanvasElement</code></td>
<td class="type">
</td>
<td class="description last">element</td>
</tr>
</tbody>
</table></dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js_.html">core/rendering/canvas.js</a>, <a href="canvas.js_.html#line109">line 109</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="this.fullScreen"><span class="type-signature"><static> </span>this.fullScreen<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>Boolean</code></td>
<td class="type">
</td>
<td class="description last">fullScreen</td>
</tr>
</tbody>
</table></dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js.html">core/renderer/canvas.js</a>, <a href="canvas.js.html#line61">line 61</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="this.fullScreen"><span class="type-signature"><static> </span>this.fullScreen<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>Boolean</code></td>
<td class="type">
</td>
<td class="description last">fullScreen</td>
</tr>
</tbody>
</table></dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js_.html">core/rendering/canvas.js</a>, <a href="canvas.js_.html#line61">line 61</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="this.height"><span class="type-signature"><static> </span>this.height<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>Number</code></td>
<td class="type">
</td>
<td class="description last">height</td>
</tr>
</tbody>
</table></dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js.html">core/renderer/canvas.js</a>, <a href="canvas.js.html#line85">line 85</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="this.height"><span class="type-signature"><static> </span>this.height<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>Number</code></td>
<td class="type">
</td>
<td class="description last">height</td>
</tr>
</tbody>
</table></dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js_.html">core/rendering/canvas.js</a>, <a href="canvas.js_.html#line85">line 85</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="this.hideMouse"><span class="type-signature"><static> </span>this.hideMouse<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>Boolean</code></td>
<td class="type">
</td>
<td class="description last">hideMouse</td>
</tr>
</tbody>
</table></dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js.html">core/renderer/canvas.js</a>, <a href="canvas.js.html#line73">line 73</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="this.hideMouse"><span class="type-signature"><static> </span>this.hideMouse<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>Boolean</code></td>
<td class="type">
</td>
<td class="description last">hideMouse</td>
</tr>
</tbody>
</table></dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js_.html">core/rendering/canvas.js</a>, <a href="canvas.js_.html#line73">line 73</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="this.pixelHeight"><span class="type-signature"><static> </span>this.pixelHeight<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>Number</code></td>
<td class="type">
</td>
<td class="description last">pixelHeight</td>
</tr>
</tbody>
</table></dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js.html">core/renderer/canvas.js</a>, <a href="canvas.js.html#line103">line 103</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="this.pixelHeight"><span class="type-signature"><static> </span>this.pixelHeight<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>Number</code></td>
<td class="type">
</td>
<td class="description last">pixelHeight</td>
</tr>
</tbody>
</table></dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js_.html">core/rendering/canvas.js</a>, <a href="canvas.js_.html#line103">line 103</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="this.pixelWidth"><span class="type-signature"><static> </span>this.pixelWidth<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>Number</code></td>
<td class="type">
</td>
<td class="description last">pixelWidth</td>
</tr>
</tbody>
</table></dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js.html">core/renderer/canvas.js</a>, <a href="canvas.js.html#line97">line 97</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="this.pixelWidth"><span class="type-signature"><static> </span>this.pixelWidth<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>Number</code></td>
<td class="type">
</td>
<td class="description last">pixelWidth</td>
</tr>
</tbody>
</table></dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js_.html">core/rendering/canvas.js</a>, <a href="canvas.js_.html#line97">line 97</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="this.width"><span class="type-signature"><static> </span>this.width<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>Number</code></td>
<td class="type">
</td>
<td class="description last">width</td>
</tr>
</tbody>
</table></dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js.html">core/renderer/canvas.js</a>, <a href="canvas.js.html#line79">line 79</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="this.width"><span class="type-signature"><static> </span>this.width<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>Number</code></td>
<td class="type">
</td>
<td class="description last">width</td>
</tr>
</tbody>
</table></dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js_.html">core/rendering/canvas.js</a>, <a href="canvas.js_.html#line79">line 79</a>
</li></ul></dd>
</dl>
</dd>
</dl>
<h3 class="subsection-title">Methods</h3>
<dl>
<dt>
<h4 class="name" id="setBackgroundColor"><span class="type-signature"><static> </span>setBackgroundColor<span class="signature">(String)</span><span class="type-signature"></span></h4>
</dt>
<dd>
<h5>Parameters:</h5>
<table class="params">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>String</code></td>
<td class="type">
</td>
<td class="description last">color</td>
</tr>
</tbody>
</table>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js.html">core/renderer/canvas.js</a>, <a href="canvas.js.html#line238">line 238</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="setBackgroundColor"><span class="type-signature"><static> </span>setBackgroundColor<span class="signature">(String)</span><span class="type-signature"></span></h4>
</dt>
<dd>
<h5>Parameters:</h5>
<table class="params">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>String</code></td>
<td class="type">
</td>
<td class="description last">color</td>
</tr>
</tbody>
</table>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js_.html">core/rendering/canvas.js</a>, <a href="canvas.js_.html#line238">line 238</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="setFullscreen"><span class="type-signature"><static> </span>setFullscreen<span class="signature">(Number)</span><span class="type-signature"></span></h4>
</dt>
<dd>
<h5>Parameters:</h5>
<table class="params">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>Number</code></td>
<td class="type">
</td>
<td class="description last">width</td>
</tr>
</tbody>
</table>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js.html">core/renderer/canvas.js</a>, <a href="canvas.js.html#line173">line 173</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="setFullscreen"><span class="type-signature"><static> </span>setFullscreen<span class="signature">(Number)</span><span class="type-signature"></span></h4>
</dt>
<dd>
<h5>Parameters:</h5>
<table class="params">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>Number</code></td>
<td class="type">
</td>
<td class="description last">width</td>
</tr>
</tbody>
</table>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js_.html">core/rendering/canvas.js</a>, <a href="canvas.js_.html#line173">line 173</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="setHeight"><span class="type-signature"><static> </span>setHeight<span class="signature">(Number)</span><span class="type-signature"></span></h4>
</dt>
<dd>
<h5>Parameters:</h5>
<table class="params">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>Number</code></td>
<td class="type">
</td>
<td class="description last">height</td>
</tr>
</tbody>
</table>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js.html">core/renderer/canvas.js</a>, <a href="canvas.js.html#line206">line 206</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="setHeight"><span class="type-signature"><static> </span>setHeight<span class="signature">(Number)</span><span class="type-signature"></span></h4>
</dt>
<dd>
<h5>Parameters:</h5>
<table class="params">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>Number</code></td>
<td class="type">
</td>
<td class="description last">height</td>
</tr>
</tbody>
</table>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js_.html">core/rendering/canvas.js</a>, <a href="canvas.js_.html#line206">line 206</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="setWidth"><span class="type-signature"><static> </span>setWidth<span class="signature">(Number)</span><span class="type-signature"></span></h4>
</dt>
<dd>
<h5>Parameters:</h5>
<table class="params">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>Number</code></td>
<td class="type">
</td>
<td class="description last">width</td>
</tr>
</tbody>
</table>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js.html">core/renderer/canvas.js</a>, <a href="canvas.js.html#line188">line 188</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="setWidth"><span class="type-signature"><static> </span>setWidth<span class="signature">(Number)</span><span class="type-signature"></span></h4>
</dt>
<dd>
<h5>Parameters:</h5>
<table class="params">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>Number</code></td>
<td class="type">
</td>
<td class="description last">width</td>
</tr>
</tbody>
</table>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js_.html">core/rendering/canvas.js</a>, <a href="canvas.js_.html#line188">line 188</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="style"><span class="type-signature"><static> </span>style<span class="signature">(String, String)</span><span class="type-signature"></span></h4>
</dt>
<dd>
<h5>Parameters:</h5>
<table class="params">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>String</code></td>
<td class="type">
</td>
<td class="description last">key</td>
</tr>
<tr>
<td class="name"><code>String</code></td>
<td class="type">
</td>
<td class="description last">value</td>
</tr>
</tbody>
</table>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js.html">core/renderer/canvas.js</a>, <a href="canvas.js.html#line224">line 224</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="style"><span class="type-signature"><static> </span>style<span class="signature">(String, String)</span><span class="type-signature"></span></h4>
</dt>
<dd>
<h5>Parameters:</h5>
<table class="params">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>String</code></td>
<td class="type">
</td>
<td class="description last">key</td>
</tr>
<tr>
<td class="name"><code>String</code></td>
<td class="type">
</td>
<td class="description last">value</td>
</tr>
</tbody>
</table>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js_.html">core/rendering/canvas.js</a>, <a href="canvas.js_.html#line224">line 224</a>
</li></ul></dd>
</dl>
</dd>
</dl>
</article>
</section>
<section>
<header>
<h2>
Canvas
</h2>
</header>
<article>
<div class="container-overview">
<dt>
<h4 class="name" id="Canvas"><span class="type-signature"></span>new Canvas<span class="signature">(Number, Number)</span><span class="type-signature"></span></h4>
</dt>
<dd>
<h5>Parameters:</h5>
<table class="params">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>Number</code></td>
<td class="type">
</td>
<td class="description last">width</td>
</tr>
<tr>
<td class="name"><code>Number</code></td>
<td class="type">
</td>
<td class="description last">height</td>
</tr>
</tbody>
</table>
<dl class="details">
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js_.html">core/rendering/canvas.js</a>, <a href="canvas.js_.html#line38">line 38</a>
</li></ul></dd>
</dl>
</dd>
</div>
<h3 class="subsection-title">Extends</h3>
<ul>
<li>EventEmitter</li>
</ul>
<h3 class="subsection-title">Members</h3>
<dl>
<dt>
<h4 class="name" id="this.aspect"><span class="type-signature"><static> </span>this.aspect<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>Number</code></td>
<td class="type">
</td>
<td class="description last">aspect</td>
</tr>
</tbody>
</table></dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js.html">core/renderer/canvas.js</a>, <a href="canvas.js.html#line91">line 91</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="this.aspect"><span class="type-signature"><static> </span>this.aspect<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>Number</code></td>
<td class="type">
</td>
<td class="description last">aspect</td>
</tr>
</tbody>
</table></dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js_.html">core/rendering/canvas.js</a>, <a href="canvas.js_.html#line91">line 91</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="this.canvasId"><span class="type-signature"><static> </span>this.canvasId<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>Number</code></td>
<td class="type">
</td>
<td class="description last">canvasId</td>
</tr>
</tbody>
</table></dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js.html">core/renderer/canvas.js</a>, <a href="canvas.js.html#line55">line 55</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="this.canvasId"><span class="type-signature"><static> </span>this.canvasId<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>Number</code></td>
<td class="type">
</td>
<td class="description last">canvasId</td>
</tr>
</tbody>
</table></dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js_.html">core/rendering/canvas.js</a>, <a href="canvas.js_.html#line55">line 55</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="this.customCursor"><span class="type-signature"><static> </span>this.customCursor<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>String</code></td>
<td class="type">
</td>
<td class="description last">customCursor</td>
</tr>
</tbody>
</table></dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js.html">core/renderer/canvas.js</a>, <a href="canvas.js.html#line67">line 67</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="this.customCursor"><span class="type-signature"><static> </span>this.customCursor<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>String</code></td>
<td class="type">
</td>
<td class="description last">customCursor</td>
</tr>
</tbody>
</table></dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a href="canvas.js_.html">core/rendering/canvas.js</a>, <a href="canvas.js_.html#line67">line 67</a>
</li></ul></dd>
</dl>
</dd>
<dt>
<h4 class="name" id="this.element"><span class="type-signature"><static> </span>this.element<span class="type-signature"></span></h4>
</dt>
<dd>
<dl class="details">
<h5 class="subsection-title">Properties:</h5>
<dl>
<table class="props">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>HTMLCanvasElement</code></td>
<td class="type">
</td>
<td class="description last">element</td>
</tr>
</tbody>
</table></dl>
<dt class="tag-source">Source:</dt>
<dd class="tag-source"><ul class="dummy"><li>
<a hre