diff options
| author | Bryan Berry <bryan@olenepal.org> | 2010-01-18 05:41:47 (GMT) |
|---|---|---|
| committer | Bryan Berry <bryan@olenepal.org> | 2010-01-18 05:41:47 (GMT) |
| commit | e74a597b47e5f3d08e7d252c13033e45a7f222d7 (patch) | |
| tree | 97787a3cad8c9d5f3380a089be1a19dca6440e39 | |
| parent | 954aa22ccda23213eb37c3e61ab348a620dd6f06 (diff) | |
Karma.* is now a single namespace. Changed tests and docs to reflect this. All tests pass.
27 files changed, 2408 insertions, 1720 deletions
diff --git a/.gitignore b/.gitignore index d163863..d163863 100644..100755 --- a/.gitignore +++ b/.gitignore diff --git a/css/ui.scoreboard.css b/css/ui.scoreboard.css index bc918d6..bc918d6 100644..100755 --- a/css/ui.scoreboard.css +++ b/css/ui.scoreboard.css diff --git a/docs/files.html b/docs/files.html index 6cefb5d..ebdcf54 100755 --- a/docs/files.html +++ b/docs/files.html @@ -188,8 +188,6 @@ ul.inheritsList <li><a href="symbols/Karma.html">Karma</a></li> - <li><a href="symbols/Karma.karma.html">Karma.karma</a></li> - <li><a href="symbols/Karma.kAudio.html">Karma.kAudio</a></li> <li><a href="symbols/Karma.kCanvas.html">Karma.kCanvas</a></li> @@ -228,7 +226,7 @@ Contains karma library </div> <div class="fineprint" style="clear:both"> - Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blankt">JsDoc Toolkit</a> 2.3.2 on Tue Jan 05 2010 09:40:20 GMT+0545 (NPT) + Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blankt">JsDoc Toolkit</a> 2.3.2 on Mon Jan 18 2010 11:23:44 GMT+0545 (NPT) </div> </body> </html>
\ No newline at end of file diff --git a/docs/index.html b/docs/index.html index 8b905bf..4ebd139 100755 --- a/docs/index.html +++ b/docs/index.html @@ -188,8 +188,6 @@ ul.inheritsList <li><a href="symbols/Karma.html">Karma</a></li> - <li><a href="symbols/Karma.karma.html">Karma.karma</a></li> - <li><a href="symbols/Karma.kAudio.html">Karma.kAudio</a></li> <li><a href="symbols/Karma.kCanvas.html">Karma.kCanvas</a></li> @@ -221,12 +219,6 @@ ul.inheritsList <hr /> <div> - <h2><a href="symbols/Karma.karma.html">Karma.karma</a></h2> - This object stores the global settings for the Karma library - </div> - <hr /> - - <div> <h2><a href="symbols/Karma.kAudio.html">Karma.kAudio</a></h2> This object is the prototype for audio files submitted to Karma in the Karma() method @@ -265,7 +257,7 @@ to Karma in the Karma() method </div> <div class="fineprint" style="clear:both"> - Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blankt">JsDoc Toolkit</a> 2.3.2 on Tue Jan 05 2010 09:40:20 GMT+0545 (NPT) + Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blankt">JsDoc Toolkit</a> 2.3.2 on Mon Jan 18 2010 11:23:44 GMT+0545 (NPT) </div> </body> </html>
\ No newline at end of file diff --git a/docs/symbols/Karma.html b/docs/symbols/Karma.html index 9b69574..c5fd4ca 100755 --- a/docs/symbols/Karma.html +++ b/docs/symbols/Karma.html @@ -193,8 +193,6 @@ ul.inheritsList <li><a href="../symbols/Karma.html">Karma</a></li> - <li><a href="../symbols/Karma.karma.html">Karma.karma</a></li> - <li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li> <li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li> @@ -247,7 +245,7 @@ ul.inheritsList <b><a href="../symbols/Karma.html#constructor">Karma</a></b> </div> <div class="description">Karma is the namespace for the Karma library and Karma() is the constructor -function for the Karma library object Karma.karma.</div> +function for the Karma library object Karma.</div> </td> </tr> </tbody> @@ -256,6 +254,90 @@ function for the Karma library object Karma.karma.</div> <!-- ============================== properties summary ===================== --> + + + <table class="summaryTable" cellspacing="0" summary="A summary of the fields documented in the class Karma."> + <caption>Field Summary</caption> + <thead> + <tr> + <th scope="col">Field Attributes</th> + <th scope="col">Field Name and Description</th> + </tr> + </thead> + <tbody> + + <tr> + <td class="attributes"><static> </td> + <td class="nameDescription"> + <div class="fixedFont"> + Karma.<b><a href="../symbols/Karma.html#.audio">audio</a></b> + </div> + <div class="description">Collection of audio files with special helper +methods added to each reference</div> + </td> + </tr> + + <tr> + <td class="attributes"><static> </td> + <td class="nameDescription"> + <div class="fixedFont"> + Karma.<b><a href="../symbols/Karma.html#.canvas">canvas</a></b> + </div> + <div class="description">Collection of html 5 canvases with special helper +methods added to each reference</div> + </td> + </tr> + + <tr> + <td class="attributes"><static> </td> + <td class="nameDescription"> + <div class="fixedFont"> + Karma.<b><a href="../symbols/Karma.html#.image">image</a></b> + </div> + <div class="description">Collection of images with special helper +methods added to each reference</div> + </td> + </tr> + + <tr> + <td class="attributes"><static> </td> + <td class="nameDescription"> + <div class="fixedFont"> + Karma.<b><a href="../symbols/Karma.html#.locale">locale</a></b> + </div> + <div class="description">This is the global locale as passed to Karma(), +such as "en", "es_SP"</div> + </td> + </tr> + + <tr> + <td class="attributes"><static> </td> + <td class="nameDescription"> + <div class="fixedFont"> + Karma.<b><a href="../symbols/Karma.html#.svg">svg</a></b> + </div> + <div class="description">Collection of svgs with special helper +methods added to each reference</div> + </td> + </tr> + + <tr> + <td class="attributes"><static> </td> + <td class="nameDescription"> + <div class="fixedFont"> + Karma.<b><a href="../symbols/Karma.html#.video">video</a></b> + </div> + <div class="description">Collection of videos with special helper +methods added to each reference</div> + </td> + </tr> + + </tbody> + </table> + + + + <!-- ============================== methods summary ======================== --> @@ -352,7 +434,16 @@ the source object</div> <tr> <td class="attributes"><static> </td> <td class="nameDescription"> - <div class="fixedFont">Karma.<b><a href="../symbols/Karma.html#.shuffle">shuffle</a></b>(oldlist) + <div class="fixedFont">Karma.<b><a href="../symbols/Karma.html#.ready">ready</a></b>(cb) + </div> + <div class="description">Waits until all assets loaded(ready), then calls callback cb</div> + </td> + </tr> + + <tr> + <td class="attributes"><static> </td> + <td class="nameDescription"> + <div class="fixedFont">Karma.<b><a href="../symbols/Karma.html#.shuffle">shuffle</a></b>(oldList) </div> <div class="description">Shuffles an array of items randomly</div> </td> @@ -380,7 +471,7 @@ the source object</div> <div class="description"> Karma is the namespace for the Karma library and Karma() is the constructor -function for the Karma library object Karma.karma. +function for the Karma library object Karma. Karma() checks if the current document type is set to HTML 5, throws an error if not. Otherwise, initializes the karma object and returns a reference to that object. @@ -499,7 +590,7 @@ html document and width and height of each element must be set as attributes</dd <dl class="detailList"> <dt class="heading">Returns:</dt> - <dd><span class="light fixedFont">{Object}</span> Karma.karma -- reference to the initialized Karma library</dd> + <dd><span class="light fixedFont">{Object}</span> Karma -- reference to the initialized Karma library</dd> </dl> @@ -511,6 +602,191 @@ html document and width and height of each element must be set as attributes</dd <!-- ============================== field details ========================== --> + <div class="sectionTitle"> + Field Detail + </div> + + <a name=".audio"> </a> + <div class="fixedFont"><static> + + <span class="light">{object}</span> + <span class="light">Karma.</span><b>audio</b> + + </div> + <div class="description"> + Collection of audio files with special helper +methods added to each reference + + + </div> + + + + + + + + <dl class="detailList"> + <dt class="heading">Default Value:</dt> + <dd> + empty object + </dd> + </dl> + + + <hr /> + + <a name=".canvas"> </a> + <div class="fixedFont"><static> + + <span class="light">{object}</span> + <span class="light">Karma.</span><b>canvas</b> + + </div> + <div class="description"> + Collection of html 5 canvases with special helper +methods added to each reference + + + </div> + + + + + + + + <dl class="detailList"> + <dt class="heading">Default Value:</dt> + <dd> + empty object + </dd> + </dl> + + + <hr /> + + <a name=".image"> </a> + <div class="fixedFont"><static> + + <span class="light">{object}</span> + <span class="light">Karma.</span><b>image</b> + + </div> + <div class="description"> + Collection of images with special helper +methods added to each reference + + + </div> + + + + + + + + <dl class="detailList"> + <dt class="heading">Default Value:</dt> + <dd> + empty object + </dd> + </dl> + + + <hr /> + + <a name=".locale"> </a> + <div class="fixedFont"><static> + + + <span class="light">Karma.</span><b>locale</b> + + </div> + <div class="description"> + This is the global locale as passed to Karma(), +such as "en", "es_SP" + + + </div> + + + + + + + + <dl class="detailList"> + <dt class="heading">Default Value:</dt> + <dd> + undefined + </dd> + </dl> + + + <hr /> + + <a name=".svg"> </a> + <div class="fixedFont"><static> + + <span class="light">{object}</span> + <span class="light">Karma.</span><b>svg</b> + + </div> + <div class="description"> + Collection of svgs with special helper +methods added to each reference + + + </div> + + + + + + + + <dl class="detailList"> + <dt class="heading">Default Value:</dt> + <dd> + empty object + </dd> + </dl> + + + <hr /> + + <a name=".video"> </a> + <div class="fixedFont"><static> + + <span class="light">{object}</span> + <span class="light">Karma.</span><b>video</b> + + </div> + <div class="description"> + Collection of videos with special helper +methods added to each reference + + + </div> + + + + + + + + <dl class="detailList"> + <dt class="heading">Default Value:</dt> + <dd> + empty object + </dd> + </dl> + + + + + <!-- ============================== method details ========================= --> @@ -976,11 +1252,74 @@ var num = rand(0, 10); <hr /> + <a name=".ready"> </a> + <div class="fixedFont"><static> + + + <span class="light">Karma.</span><b>ready</b>(cb) + + </div> + <div class="description"> + Waits until all assets loaded(ready), then calls callback cb + + + </div> + + + + <pre class="code"> +var k = Karma({ . . . your assets here . . . }); +k.ready(function(){ .. your code here . . .}); + +your code will not be called until all assets have been loaded +into collections</pre> + + + + + <dl class="detailList"> + <dt class="heading">Parameters:</dt> + + <dt> + <span class="light fixedFont">{Function}</span> <b>cb</b> + <i>Optional</i> + </dt> + <dd>callback function</dd> + + </dl> + + + + + <dl class="detailList"> + <dt class="heading">Throws:</dt> + + <dt> + <span class="light fixedFont">{Error}</span> <b></b> + </dt> + <dd>if Karma is not initialized with the +Karma({ options }) function</dd> + + </dl> + + + <dl class="detailList"> + <dt class="heading">Returns:</dt> + + <dd>this</dd> + + </dl> + + + + + <hr /> + <a name=".shuffle"> </a> <div class="fixedFont"><static> <span class="light">{Array}</span> - <span class="light">Karma.</span><b>shuffle</b>(oldlist) + <span class="light">Karma.</span><b>shuffle</b>(oldList) </div> <div class="description"> @@ -996,7 +1335,7 @@ var num = rand(0, 10); <dt class="heading">Parameters:</dt> <dt> - <span class="light fixedFont">{Array}</span> <b>oldlist</b> + <span class="light fixedFont">{Array}</span> <b>oldList</b> </dt> <dd>of choices to be shuffled</dd> @@ -1031,7 +1370,7 @@ var num = rand(0, 10); <!-- ============================== footer ================================= --> <div class="fineprint" style="clear:both"> - Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Tue Jan 05 2010 09:40:17 GMT+0545 (NPT) + Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Mon Jan 18 2010 11:23:41 GMT+0545 (NPT) </div> </body> </html> diff --git a/docs/symbols/Karma.kAudio.html b/docs/symbols/Karma.kAudio.html index cbb380a..c4c639f 100755 --- a/docs/symbols/Karma.kAudio.html +++ b/docs/symbols/Karma.kAudio.html @@ -193,8 +193,6 @@ ul.inheritsList <li><a href="../symbols/Karma.html">Karma</a></li> - <li><a href="../symbols/Karma.karma.html">Karma.karma</a></li> - <li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li> <li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li> @@ -366,7 +364,7 @@ Karma() method <span class="light fixedFont">{Error}</span> <b></b> </dt> <dd>if the individual audio asset is set to be localized but - the globale locale is not set on the Karma.karma object</dd> + the globale locale is not set on the Karma object</dd> <dt> <span class="light fixedFont">{Error}</span> <b></b> @@ -493,7 +491,7 @@ via the media property of kAudio. Read more about the properties of the <a href= <!-- ============================== footer ================================= --> <div class="fineprint" style="clear:both"> - Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Tue Jan 05 2010 09:40:17 GMT+0545 (NPT) + Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Mon Jan 18 2010 11:23:41 GMT+0545 (NPT) </div> </body> </html> diff --git a/docs/symbols/Karma.kCanvas.html b/docs/symbols/Karma.kCanvas.html index 494f4f2..1279ecc 100755 --- a/docs/symbols/Karma.kCanvas.html +++ b/docs/symbols/Karma.kCanvas.html @@ -193,8 +193,6 @@ ul.inheritsList <li><a href="../symbols/Karma.html">Karma</a></li> - <li><a href="../symbols/Karma.karma.html">Karma.karma</a></li> - <li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li> <li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li> @@ -933,8 +931,8 @@ Karma() method <pre class="code">//Almost all of the context attributes and methods are wrapped in helper functions //but you can also access them directly using the ctx property -Karma.karma.canvas.someCanvas.ctx.drawImage(someImage, x, y); -Karma.karma.canvas.someCanvas.ctx.fillStyle = "#ffffff";</pre> +Karma.canvas.someCanvas.ctx.drawImage(someImage, x, y); +Karma.canvas.someCanvas.ctx.fillStyle = "#ffffff";</pre> @@ -1056,8 +1054,8 @@ Karma.karma.canvas.someCanvas.ctx.fillStyle = "#ffffff";</pre> <pre class="code">//You can access all properties and methods of the underlying DOM element //using the 'node' property -Karma.karma.canvas.someCanvas.node.dispatchEvent( ... some event ...); -var stuff = Karma.karma.canvas.someCanvas.node.innerHTML;</pre> +Karma.canvas.someCanvas.node.dispatchEvent( ... some event ...); +var stuff = Karma.canvas.someCanvas.node.innerHTML;</pre> @@ -3393,7 +3391,7 @@ alphabetic, ideographic, or bottom, then the value must be changed to the new va <!-- ============================== footer ================================= --> <div class="fineprint" style="clear:both"> - Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Tue Jan 05 2010 09:40:20 GMT+0545 (NPT) + Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Mon Jan 18 2010 11:23:44 GMT+0545 (NPT) </div> </body> </html> diff --git a/docs/symbols/Karma.kImage.html b/docs/symbols/Karma.kImage.html index 059f4d8..2285e09 100755 --- a/docs/symbols/Karma.kImage.html +++ b/docs/symbols/Karma.kImage.html @@ -193,8 +193,6 @@ ul.inheritsList <li><a href="../symbols/Karma.html">Karma</a></li> - <li><a href="../symbols/Karma.karma.html">Karma.karma</a></li> - <li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li> <li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li> @@ -335,7 +333,7 @@ ul.inheritsList <span class="light fixedFont">{Error}</span> <b></b> </dt> <dd>if the image asset is set to be localized but - the global locale is not set on the Karma.karma object</dd> + the global locale is not set on the Karma object</dd> <dt> <span class="light fixedFont">{Error}</span> <b></b> @@ -430,7 +428,7 @@ ul.inheritsList <!-- ============================== footer ================================= --> <div class="fineprint" style="clear:both"> - Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Tue Jan 05 2010 09:40:20 GMT+0545 (NPT) + Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Mon Jan 18 2010 11:23:44 GMT+0545 (NPT) </div> </body> </html> diff --git a/docs/symbols/Karma.kSvg.html b/docs/symbols/Karma.kSvg.html index 2649e16..102ab49 100755 --- a/docs/symbols/Karma.kSvg.html +++ b/docs/symbols/Karma.kSvg.html @@ -193,8 +193,6 @@ ul.inheritsList <li><a href="../symbols/Karma.html">Karma</a></li> - <li><a href="../symbols/Karma.karma.html">Karma.karma</a></li> - <li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li> <li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li> @@ -434,9 +432,9 @@ the SVG document - <pre class="code">var myElem = Karma.karma.svg.someSvg.doc.getElementById('foobar'); -Karma.karma.svg.someSvg.doc.createElement(...); -Karma.karma.svg.someSvg.doc.removeChild(someNode);</pre> + <pre class="code">var myElem = Karma.svg.someSvg.doc.getElementById('foobar'); +Karma.svg.someSvg.doc.createElement(...); +Karma.svg.someSvg.doc.removeChild(someNode);</pre> @@ -559,8 +557,8 @@ Karma.karma.svg.someSvg.doc.removeChild(someNode);</pre> <pre class="code"> //You can access all properties and methods of the underlying DOM element //using the 'node' property -Karma.karma.svg.someSvg.node.dispatchEvent; -Karma.karma.svg.someSvg.node.addEvenListener(...);</pre> +Karma.svg.someSvg.node.dispatchEvent; +Karma.svg.someSvg.node.addEvenListener(...);</pre> @@ -595,7 +593,7 @@ Karma.karma.svg.someSvg.node.addEvenListener(...);</pre> <pre class="code">// The root element is equivalent to "document" in a regular html document // The root attribute is used frequently with the jQuery SVG plugin for CSS selectors -$('#someId', Karma.karma.svg.someSvg.root).css(.. manipulate css attributes ...);</pre> +$('#someId', Karma.svg.someSvg.root).css(.. manipulate css attributes ...);</pre> @@ -715,7 +713,7 @@ $('#someId', Karma.karma.svg.someSvg.root).css(.. manipulate css attributes ...) <!-- ============================== footer ================================= --> <div class="fineprint" style="clear:both"> - Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Tue Jan 05 2010 09:40:20 GMT+0545 (NPT) + Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Mon Jan 18 2010 11:23:44 GMT+0545 (NPT) </div> </body> </html> diff --git a/docs/symbols/Karma.kVideo.html b/docs/symbols/Karma.kVideo.html index 9cc40e3..4664b3c 100755 --- a/docs/symbols/Karma.kVideo.html +++ b/docs/symbols/Karma.kVideo.html @@ -193,8 +193,6 @@ ul.inheritsList <li><a href="../symbols/Karma.html">Karma</a></li> - <li><a href="../symbols/Karma.karma.html">Karma.karma</a></li> - <li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li> <li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li> @@ -330,7 +328,7 @@ to Karma in the Karma() method <span class="light fixedFont">{Error}</span> <b></b> </dt> <dd>if the individual video asset is set to be localized but - the globale locale is not set on the Karma.karma object</dd> + the globale locale is not set on the Karma object</dd> <dt> <span class="light fixedFont">{Error}</span> <b></b> @@ -425,7 +423,7 @@ to Karma in the Karma() method <!-- ============================== footer ================================= --> <div class="fineprint" style="clear:both"> - Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Tue Jan 05 2010 09:40:20 GMT+0545 (NPT) + Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Mon Jan 18 2010 11:23:44 GMT+0545 (NPT) </div> </body> </html> diff --git a/docs/symbols/_global_.html b/docs/symbols/_global_.html index 674201c..a73c349 100755 --- a/docs/symbols/_global_.html +++ b/docs/symbols/_global_.html @@ -193,8 +193,6 @@ ul.inheritsList <li><a href="../symbols/Karma.html">Karma</a></li> - <li><a href="../symbols/Karma.karma.html">Karma.karma</a></li> - <li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li> <li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li> @@ -257,7 +255,7 @@ ul.inheritsList <!-- ============================== footer ================================= --> <div class="fineprint" style="clear:both"> - Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Tue Jan 05 2010 09:40:16 GMT+0545 (NPT) + Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Mon Jan 18 2010 11:23:40 GMT+0545 (NPT) </div> </body> </html> diff --git a/docs/symbols/locale.html b/docs/symbols/locale.html new file mode 100755 index 0000000..2771357 --- /dev/null +++ b/docs/symbols/locale.html @@ -0,0 +1,370 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> + <head> + <meta http-equiv="content-type" content="text/html; charset=utf-8" /> + <meta name="generator" content="JsDoc Toolkit" /> + + <title>JsDoc Reference - locale</title> + + <style type="text/css"> + /* default.css */ +body +{ + font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; + width: 800px; +} + +.header +{ + clear: both; + background-color: #ccc; + padding: 8px; +} + +h1 +{ + font-size: 150%; + font-weight: bold; + padding: 0; + margin: 1em 0 0 .3em; +} + +hr +{ + border: none 0; + border-top: 1px solid #7F8FB1; + height: 1px; +} + +pre.code +{ + display: block; + padding: 8px; + border: 1px dashed #ccc; +} + +#index +{ + margin-top: 24px; + float: left; + width: 160px; + position: absolute; + left: 8px; + background-color: #F3F3F3; + padding: 8px; +} + +#content +{ + margin-left: 190px; + width: 600px; +} + +.classList +{ + list-style-type: none; + padding: 0; + margin: 0 0 0 8px; + font-family: arial, sans-serif; + font-size: 1em; + overflow: auto; +} + +.classList li +{ + padding: 0; + margin: 0 0 8px 0; +} + +.summaryTable { width: 100%; } + +h1.classTitle +{ + font-size:170%; + line-height:130%; +} + +h2 { font-size: 110%; } +caption, div.sectionTitle +{ + background-color: #7F8FB1; + color: #fff; + font-size:130%; + text-align: left; + padding: 2px 6px 2px 6px; + border: 1px #7F8FB1 solid; +} + +div.sectionTitle { margin-bottom: 8px; } +.summaryTable thead { display: none; } + +.summaryTable td +{ + vertical-align: top; + padding: 4px; + border-bottom: 1px #7F8FB1 solid; + border-right: 1px #7F8FB1 solid; +} + +/*col#summaryAttributes {}*/ +.summaryTable td.attributes +{ + border-left: 1px #7F8FB1 solid; + width: 140px; + text-align: right; +} + +td.attributes, .fixedFont +{ + line-height: 15px; + color: #002EBE; + font-family: "Courier New",Courier,monospace; + font-size: 13px; +} + +.summaryTable td.nameDescription +{ + text-align: left; + font-size: 13px; + line-height: 15px; +} + +.summaryTable td.nameDescription, .description +{ + line-height: 15px; + padding: 4px; + padding-left: 4px; +} + +.summaryTable { margin-bottom: 8px; } + +ul.inheritsList +{ + list-style: square; + margin-left: 20px; + padding-left: 0; +} + +.detailList { + margin-left: 20px; + line-height: 15px; +} +.detailList dt { margin-left: 20px; } + +.detailList .heading +{ + font-weight: bold; + padding-bottom: 6px; + margin-left: 0; +} + +.light, td.attributes, .light a:link, .light a:visited +{ + color: #777; + font-style: italic; +} + +.fineprint +{ + text-align: right; + font-size: 10px; +} + </style> + </head> + + <body> +<!-- ============================== header ================================= --> + <!-- begin static/header.html --> + <div id="header"> +</div> + <!-- end static/header.html --> + +<!-- ============================== classes index ============================ --> + <div id="index"> + <!-- begin publish.classesIndex --> + <div align="center"><a href="../index.html">Class Index</a> +| <a href="../files.html">File Index</a></div> +<hr /> +<h2>Classes</h2> +<ul class="classList"> + + <li><i><a href="../symbols/_global_.html">_global_</a></i></li> + + <li><a href="../symbols/Karma.html">Karma</a></li> + + <li><a href="../symbols/Karma.kAudio.html">Karma.kAudio</a></li> + + <li><a href="../symbols/Karma.kCanvas.html">Karma.kCanvas</a></li> + + <li><a href="../symbols/Karma.kImage.html">Karma.kImage</a></li> + + <li><a href="../symbols/Karma.kSvg.html">Karma.kSvg</a></li> + + <li><a href="../symbols/Karma.kVideo.html">Karma.kVideo</a></li> + + <li><a href="../symbols/locale.html">locale</a></li> + +</ul> +<hr /> + <!-- end publish.classesIndex --> + </div> + + <div id="content"> +<!-- ============================== class title ============================ --> + <h1 class="classTitle"> + + Namespace locale + </h1> + +<!-- ============================== class summary ========================== --> + <p class="description"> + + + + Karma + + + <br /><i>Defined in: </i> <a href="../symbols/src/js_karma.js.html">karma.js</a>. + + </p> + +<!-- ============================== constructor summary ==================== --> + + <table class="summaryTable" cellspacing="0" summary="A summary of the constructor documented in the class locale."> + <caption>Namespace Summary</caption> + <thead> + <tr> + <th scope="col">Constructor Attributes</th> + <th scope="col">Constructor Name and Description</th> + </tr> + </thead> + <tbody> + <tr> + <td class="attributes"> </td> + <td class="nameDescription" > + <div class="fixedFont"> + <b><a href="../symbols/locale.html#constructor">locale</a></b> + </div> + <div class="description">This is the global locale as passed to Karma(), +such as "en", "es_SP"</div> + </td> + </tr> + </tbody> + </table> + + +<!-- ============================== properties summary ===================== --> + + + + <table class="summaryTable" cellspacing="0" summary="A summary of the fields documented in the class locale."> + <caption>Field Summary</caption> + <thead> + <tr> + <th scope="col">Field Attributes</th> + <th scope="col">Field Name and Description</th> + </tr> + </thead> + <tbody> + + <tr> + <td class="attributes"><static> </td> + <td class="nameDescription"> + <div class="fixedFont"> + locale.<b><a href="../symbols/locale.html#.locale">locale</a></b> + </div> + <div class="description">This is the global locale as passed to Karma()</div> + </td> + </tr> + + </tbody> + </table> + + + + + +<!-- ============================== methods summary ======================== --> + +<!-- ============================== events summary ======================== --> + + +<!-- ============================== constructor details ==================== --> + + <div class="details"><a name="constructor"> </a> + <div class="sectionTitle"> + Namespace Detail + </div> + + <div class="fixedFont"> + <b>locale</b> + </div> + + <div class="description"> + This is the global locale as passed to Karma(), +such as "en", "es_SP" + + </div> + + + + + + + + + + + + + </div> + + +<!-- ============================== field details ========================== --> + + <div class="sectionTitle"> + Field Detail + </div> + + <a name=".locale"> </a> + <div class="fixedFont"><static> + + <span class="light">{string}</span> + <span class="light">locale.</span><b>locale</b> + + </div> + <div class="description"> + This is the global locale as passed to Karma() + + + </div> + + + + + + + + + + + + +<!-- ============================== method details ========================= --> + + +<!-- ============================== event details ========================= --> + + + <hr /> + </div> + + +<!-- ============================== footer ================================= --> + <div class="fineprint" style="clear:both"> + + Documentation generated by <a href="http://code.google.com/p/jsdoc-toolkit/" target="_blank">JsDoc Toolkit</a> 2.3.2 on Mon Jan 18 2010 11:15:17 GMT+0545 (NPT) + </div> + </body> +</html> diff --git a/docs/symbols/src/js_karma.js.html b/docs/symbols/src/js_karma.js.html index 3ece651..97d8e79 100755 --- a/docs/symbols/src/js_karma.js.html +++ b/docs/symbols/src/js_karma.js.html @@ -59,1630 +59,1625 @@ <span class='line'> 52</span> <span class='line'> 53</span> <span class='line'> 54</span> </span><span class="COMM">/** Karma is the namespace for the Karma library and Karma() is the constructor -<span class='line'> 55</span> * function for the Karma library object Karma.karma. +<span class='line'> 55</span> * function for the Karma library object Karma. <span class='line'> 56</span> * Karma() checks if the current document type is set to HTML 5, throws <span class='line'> 57</span> * an error if not. Otherwise, initializes the karma object and returns <span class='line'> 58</span> * a reference to that object. <span class='line'> 59</span> * @namespace Global namespace for Karma library -<span class='line'> 60</span> * @param {Object} [options={}] options for intializing Karma library -<span class='line'> 61</span> * @param {String} [options.locale=''] sets current locale Not Yet Implemented -<span class='line'> 62</span> * @param {Array} [options.image=[]] array of images to be converted into a collection -<span class='line'> 63</span> * @param {Array} [options.audio=[]] array of audio to be converted into a collection -<span class='line'> 64</span> * @param {Array} [options.video=[]] NYI array of videos to be converted into a collection -<span class='line'> 65</span> * @param {Array} [options.svg=[]] array of SVG elements to be -<span class='line'> 66</span> * converted into a collection. Each SVG element must already exist in the html document -<span class='line'> 67</span> * @param {Array} [options.canvas=[]] array of canvas elements -<span class='line'> 68</span> * to be converted into a collection. Each canvas element must already exist in the -<span class='line'> 69</span> * html document and width and height of each element must be set as attributes -<span class='line'> 70</span> * @throws {Error} if the document type declaration is not set to HTML 5, e.g. -<span class='line'> 71</span> * <!DOCTYPE html> -<span class='line'> 72</span> * @throws {Error} If any of the initialization parameters are invalid values -<span class='line'> 73</span> * @returns {Object} Karma.karma -- reference to the initialized Karma library -<span class='line'> 74</span> * @example -<span class='line'> 75</span> * -<span class='line'> 76</span> * var k = Karma({ -<span class='line'> 77</span> * image: [ -<span class='line'> 78</span> * {name: "ninja", file: "ninja.png"}, -<span class='line'> 79</span> * {name: "cowboy", file: "cowboy.png"} -<span class='line'> 80</span> * ], -<span class='line'> 81</span> * audio: [ -<span class='line'> 82</span> * {name: "woosh", file: "woosh.ogg"}, -<span class='line'> 83</span> * {name: "yeehaw", file: "yeehaw.ogg"} -<span class='line'> 84</span> * ], -<span class='line'> 85</span> * video: [ //Not Yet Implemented -<span class='line'> 86</span> * {name: "attack", file: "attack.ogv"}, -<span class='line'> 87</span> * {name: "ride", file: "ride.ogv"} -<span class='line'> 88</span> * ] -<span class='line'> 89</span> * canvas: [ -<span class='line'> 90</span> * {name: "ninja", domId: "ninjaCanvas"}, -<span class='line'> 91</span> * {name: "cowboy", domId: "cowboyCanvas"} -<span class='line'> 92</span> * ], -<span class='line'> 93</span> * svg: [ -<span class='line'> 94</span> * {name: "ninja", domId: "ninjaSvg"}, -<span class='line'> 95</span> * {name: "cowboy", domId: "cowboySvg"} -<span class='line'> 96</span> * ], -<span class='line'> 97</span> * }); -<span class='line'> 98</span> * Next, call the ready function with a callback to your program code -<span class='line'> 99</span> * -<span class='line'>100</span> * k.ready(function () { ... your application code . . . } -<span class='line'>101</span> * -<span class='line'>102</span> * after that you can access each asset like so -<span class='line'>103</span> * k.image.ninja; -<span class='line'>104</span> * k.svg.cowboy; -<span class='line'>105</span> * k.audio.yeehaw.play(); -<span class='line'>106</span> * k.canvas.ninja.drawImage(k.image.ninja, 0, 0); -<span class='line'>107</span> * -<span class='line'>108</span> */</span><span class="WHIT"> -<span class='line'>109</span> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">Karma</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">exports.Karma</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>110</span> </span><span class="WHIT"> </span><span class="NAME">Karma._isHtml5</span><span class="PUNC">(</span><span class="NAME">document.doctype.nodeName</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>111</span> -<span class='line'>112</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">Karma.karma._initialized</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>113</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">Karma.karma</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>114</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>115</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">Karma.karma._init</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>116</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>117</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>118</span> +<span class='line'> 60</span> * @constructor +<span class='line'> 61</span> * @param {Object} [options={}] options for intializing Karma library +<span class='line'> 62</span> * @param {String} [options.locale=''] sets current locale Not Yet Implemented +<span class='line'> 63</span> * @param {Array} [options.image=[]] array of images to be converted into a collection +<span class='line'> 64</span> * @param {Array} [options.audio=[]] array of audio to be converted into a collection +<span class='line'> 65</span> * @param {Array} [options.video=[]] NYI array of videos to be converted into a collection +<span class='line'> 66</span> * @param {Array} [options.svg=[]] array of SVG elements to be +<span class='line'> 67</span> * converted into a collection. Each SVG element must already exist in the html document +<span class='line'> 68</span> * @param {Array} [options.canvas=[]] array of canvas elements +<span class='line'> 69</span> * to be converted into a collection. Each canvas element must already exist in the +<span class='line'> 70</span> * html document and width and height of each element must be set as attributes +<span class='line'> 71</span> * @throws {Error} if the document type declaration is not set to HTML 5, e.g. +<span class='line'> 72</span> * <!DOCTYPE html> +<span class='line'> 73</span> * @throws {Error} If any of the initialization parameters are invalid values +<span class='line'> 74</span> * @returns {Object} Karma -- reference to the initialized Karma library +<span class='line'> 75</span> * @example +<span class='line'> 76</span> * +<span class='line'> 77</span> * var k = Karma({ +<span class='line'> 78</span> * image: [ +<span class='line'> 79</span> * {name: "ninja", file: "ninja.png"}, +<span class='line'> 80</span> * {name: "cowboy", file: "cowboy.png"} +<span class='line'> 81</span> * ], +<span class='line'> 82</span> * audio: [ +<span class='line'> 83</span> * {name: "woosh", file: "woosh.ogg"}, +<span class='line'> 84</span> * {name: "yeehaw", file: "yeehaw.ogg"} +<span class='line'> 85</span> * ], +<span class='line'> 86</span> * video: [ //Not Yet Implemented +<span class='line'> 87</span> * {name: "attack", file: "attack.ogv"}, +<span class='line'> 88</span> * {name: "ride", file: "ride.ogv"} +<span class='line'> 89</span> * ] +<span class='line'> 90</span> * canvas: [ +<span class='line'> 91</span> * {name: "ninja", domId: "ninjaCanvas"}, +<span class='line'> 92</span> * {name: "cowboy", domId: "cowboyCanvas"} +<span class='line'> 93</span> * ], +<span class='line'> 94</span> * svg: [ +<span class='line'> 95</span> * {name: "ninja", domId: "ninjaSvg"}, +<span class='line'> 96</span> * {name: "cowboy", domId: "cowboySvg"} +<span class='line'> 97</span> * ], +<span class='line'> 98</span> * }); +<span class='line'> 99</span> * Next, call the ready function with a callback to your program code +<span class='line'>100</span> * +<span class='line'>101</span> * k.ready(function () { ... your application code . . . } +<span class='line'>102</span> * +<span class='line'>103</span> * after that you can access each asset like so +<span class='line'>104</span> * k.image.ninja; +<span class='line'>105</span> * k.svg.cowboy; +<span class='line'>106</span> * k.audio.yeehaw.play(); +<span class='line'>107</span> * k.canvas.ninja.drawImage(k.image.ninja, 0, 0); +<span class='line'>108</span> * +<span class='line'>109</span> */</span><span class="WHIT"> +<span class='line'>110</span> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">Karma</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">exports.Karma</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>111</span> </span><span class="WHIT"> </span><span class="NAME">Karma._isHtml5</span><span class="PUNC">(</span><span class="NAME">document.doctype.nodeName</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>112</span> +<span class='line'>113</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">Karma._initialized</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>114</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">Karma</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>115</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>116</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">Karma._init</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>117</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>118</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> <span class='line'>119</span> -<span class='line'>120</span> </span><span class="COMM">//helper functions</span><span class="WHIT"> -<span class='line'>121</span> -<span class='line'>122</span> </span><span class="COMM">/**This emulates the Object.create method in ecmascript 5 spec -<span class='line'>123</span> * This isn't a full implementation as it doesn't support an all of Object.create's features -<span class='line'>124</span> * This has the same functionality as Crockford's beget method -<span class='line'>125</span> * and this primary building block for prototypal inheritance in -<span class='line'>126</span> * this library -<span class='line'>127</span> * @param {Object} parent that the new object's prototype should point to -<span class='line'>128</span> * @returns {Object} a new object whose prototype is parent -<span class='line'>129</span> * @example -<span class='line'>130</span> * -<span class='line'>131</span> * var ninja = { weapon : "sword" }; -<span class='line'>132</span> * var ninja1 = Karma.create(ninja); -<span class='line'>133</span> * ninja1.weapon === "sword" -<span class='line'>134</span> */</span><span class="WHIT"> -<span class='line'>135</span> </span><span class="NAME">Karma.create</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">parent</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>136</span> </span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="NAME">F</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>137</span> </span><span class="WHIT"> </span><span class="NAME">F.prototype</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parent</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>138</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">F</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>139</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>140</span> -<span class='line'>141</span> </span><span class="COMM">/** Returns a shallow copy of the passed in object -<span class='line'>142</span> * @param {Object} target to be copied -<span class='line'>143</span> * @returns {Object} a shallow copy of target -<span class='line'>144</span> */</span><span class="WHIT"> -<span class='line'>145</span> </span><span class="NAME">Karma.clone</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>146</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">copy</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>147</span> </span><span class="WHIT"> </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="KEYW">in</span><span class="WHIT"> </span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>148</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">target.hasOwnProperty</span><span class="PUNC">(</span><span class="NAME">i</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>149</span> </span><span class="WHIT"> </span><span class="NAME">copy</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>150</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>151</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>152</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">copy</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>153</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>154</span> -<span class='line'>155</span> </span><span class="COMM">/** Extends properties of the target object with those of -<span class='line'>156</span> * the source object -<span class='line'>157</span> * @param {Object} target object to be extended -<span class='line'>158</span> * @param {Object} source whose properties will extend target -<span class='line'>159</span> * @returns {Object} target extended by source -<span class='line'>160</span> */</span><span class="WHIT"> -<span class='line'>161</span> </span><span class="NAME">Karma.objectPlus</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">source</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>162</span> </span><span class="WHIT"> </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="KEYW">in</span><span class="WHIT"> </span><span class="NAME">source</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>163</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">source.hasOwnProperty</span><span class="PUNC">(</span><span class="NAME">i</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>164</span> </span><span class="WHIT"> </span><span class="NAME">target</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">source</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>165</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>166</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>167</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">target</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>168</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>169</span> -<span class='line'>170</span> </span><span class="COMM">/** Creates a new object that is a prototype of the first argument -<span class='line'>171</span> * then extends it with the properties of the second argument -<span class='line'>172</span> * @param {Object} parent1 will be prototype of returned object -<span class='line'>173</span> * @param {Object} parent2 will extend properties of returned object -<span class='line'>174</span> * @returns {Object} object that whose prototype is parent1 and has -<span class='line'>175</span> * been extended with properties of parent2 -<span class='line'>176</span> */</span><span class="WHIT"> -<span class='line'>177</span> </span><span class="NAME">Karma.copyObjectPlus</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">parent1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">parent2</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>178</span> </span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="NAME">F</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>179</span> </span><span class="WHIT"> </span><span class="NAME">F.prototype</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parent1</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>180</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">G</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">F</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>181</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">Karma.objectPlus</span><span class="PUNC">(</span><span class="NAME">G</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">parent2</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>182</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>183</span> -<span class='line'>184</span> -<span class='line'>185</span> </span><span class="COMM">//Throws big ugly error if doctype isn't html5</span><span class="WHIT"> -<span class='line'>186</span> </span><span class="NAME">Karma._isHtml5</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">doctype</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>187</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">regex</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">RegExp</span><span class="PUNC">(</span><span class="STRN">'^html$'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'i'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>188</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">regex.test</span><span class="PUNC">(</span><span class="NAME">doctype</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>189</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"ERROR: The doctype must be set to <!DOCTYPE html> "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>190</span> </span><span class="WHIT"> </span><span class="STRN">"in order to use Karma. Karma require you use html5"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>191</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorElem</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.createElement</span><span class="PUNC">(</span><span class="STRN">'div'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>192</span> </span><span class="WHIT"> </span><span class="NAME">errorElem.setAttribute</span><span class="PUNC">(</span><span class="STRN">'id'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'errorDoctype'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>193</span> </span><span class="WHIT"> </span><span class="NAME">errorElem.innerText</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>194</span> </span><span class="WHIT"> </span><span class="NAME">document.body.appendChild</span><span class="PUNC">(</span><span class="NAME">errorElem</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>195</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>196</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>197</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>198</span> -<span class='line'>199</span> </span><span class="COMM">/** -<span class='line'>200</span> * Shuffles an array of items randomly -<span class='line'>201</span> * @param {Array} oldlist of choices to be shuffled -<span class='line'>202</span> * @returns {Array} newlist of choices randomly reordered -<span class='line'>203</span> */</span><span class="WHIT"> -<span class='line'>204</span> </span><span class="NAME">Karma.shuffle</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">choices</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>205</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">copyArray</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">oldArray</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>206</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">newArray</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">[</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>207</span> </span><span class="WHIT"> </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">=</span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC"><</span><span class="WHIT"> </span><span class="NAME">oldArray.length</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">++</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>208</span> </span><span class="WHIT"> </span><span class="NAME">newArray</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">oldArray</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>209</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>210</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">newArray</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>211</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>212</span> -<span class='line'>213</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">newChoices</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">copyArray</span><span class="PUNC">(</span><span class="NAME">choices</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>214</span> -<span class='line'>215</span> </span><span class="WHIT"> </span><span class="KEYW">for</span><span class="PUNC">(</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">=</span><span class="NUMB">0</span><span class="PUNC">;</span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC"><</span><span class="WHIT"> </span><span class="NAME">newChoices.length</span><span class="PUNC">;</span><span class="NAME">i</span><span class="PUNC">++</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>216</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">num</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.rand</span><span class="PUNC">(</span><span class="NUMB">0</span><span class="PUNC">,</span><span class="NAME">newChoices.length</span><span class="PUNC">-</span><span class="NUMB">1</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>217</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">temp</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">newChoices</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>218</span> </span><span class="WHIT"> </span><span class="NAME">newChoices</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">=</span><span class="NAME">newChoices</span><span class="PUNC">[</span><span class="NAME">num</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>219</span> </span><span class="WHIT"> </span><span class="NAME">newChoices</span><span class="PUNC">[</span><span class="NAME">num</span><span class="PUNC">]</span><span class="PUNC">=</span><span class="NAME">temp</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>220</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>221</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">newChoices</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>222</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>223</span> -<span class='line'>224</span> </span><span class="WHIT"> </span><span class="COMM">// Below are geometry and math helper methods</span><span class="WHIT"> -<span class='line'>225</span> </span><span class="WHIT"> -<span class='line'>226</span> </span><span class="COMM">/** -<span class='line'>227</span> * Converts a value from degrees to radians. -<span class='line'>228</span> * @param {Number} angle The angle in degrees -<span class='line'>229</span> * @returns {Number} The angle in radians -<span class='line'>230</span> */</span><span class="WHIT"> -<span class='line'>231</span> </span><span class="NAME">Karma.radians</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">angle</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>232</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">angle</span><span class="WHIT"> </span><span class="PUNC">/</span><span class="WHIT"> </span><span class="NUMB">180</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">Math.PI</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>233</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>234</span> -<span class='line'>235</span> </span><span class="COMM">/** -<span class='line'>236</span> * Gets the square of the Euclidian (ordinary) distance between 2 points. -<span class='line'>237</span> * @param {Object} Point No. 0 -<span class='line'>238</span> * @param {Number} Point0.x -<span class='line'>239</span> * @param {Number} Point0.y -<span class='line'>240</span> * @param {Object} Point No. 1 -<span class='line'>241</span> * @param {Number} Point1.x -<span class='line'>242</span> * @param {Number} Point1.y -<span class='line'>243</span> * @returns {Number} The square of the Euclidian distance -<span class='line'>244</span> * @example -<span class='line'>245</span> * -<span class='line'>246</span> * p0 = {x:0, y:1}; -<span class='line'>247</span> * p1 = {x:50, y:70}; -<span class='line'>248</span> * var d = distance2(p0, p1); -<span class='line'>249</span> * -<span class='line'>250</span> */</span><span class="WHIT"> -<span class='line'>251</span> </span><span class="NAME">Karma.distance2</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">p0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">p1</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>252</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">p1.x</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">p0.x</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">p1.x</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">p0.x</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">p1.y</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">p1.y</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">p1.y</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">p1.y</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>253</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>254</span> -<span class='line'>255</span> </span><span class="COMM">/** -<span class='line'>256</span> * Gets the Euclidian (ordinary) distance between 2 points.<br> -<span class='line'>257</span> * <b>Warning:</b> It's slower than distance2 function -<span class='line'>258</span> * @param {Object} Point No. 0 -<span class='line'>259</span> * @param {Number} Point0.x -<span class='line'>260</span> * @param {Number} Point0.y -<span class='line'>261</span> * @param {Object} Point No. 1 -<span class='line'>262</span> * @param {Number} Point1.x -<span class='line'>263</span> * @param {Number} Point1.y -<span class='line'>264</span> * @returns {Number} The Euclidian distance -<span class='line'>265</span> * @example -<span class='line'>266</span> * -<span class='line'>267</span> * p0 = {x:0, y:1}; -<span class='line'>268</span> * p1 = {x:50, y:70}; -<span class='line'>269</span> * var d = distance2(p0, p1); -<span class='line'>270</span> * -<span class='line'>271</span> */</span><span class="WHIT"> -<span class='line'>272</span> </span><span class="NAME">Karma.distance</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">p0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">p1</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>273</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">Math.sqrt</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">this.distance2</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">p0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">p1</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>274</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>275</span> -<span class='line'>276</span> </span><span class="COMM">/** Returns a random number within the range provided -<span class='line'>277</span> * @param {Number} lower limit of the range, lowest number that can be returned -<span class='line'>278</span> * @param {Number} upper limit of the range, highest number that can be returned -<span class='line'>279</span> * @returns {Number} number that is >= lower and <= upper -<span class='line'>280</span> * @example -<span class='line'>281</span> * -<span class='line'>282</span> * var num = rand(0, 10); -<span class='line'>283</span> * -<span class='line'>284</span> * //num could be 0, 1, 2, 3 ... or 10 -<span class='line'>285</span> * -<span class='line'>286</span> */</span><span class="WHIT"> -<span class='line'>287</span> </span><span class="NAME">Karma.rand</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">lower</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">upper</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>288</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">Math.round</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">Math.random</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">upper</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">lower</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">lower</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>289</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>290</span> -<span class='line'>291</span> -<span class='line'>292</span> </span><span class="COMM">/** Stores global settings for the Karma library -<span class='line'>293</span> * @class This object stores the global settings for the Karma library -<span class='line'>294</span> */</span><span class="WHIT"> -<span class='line'>295</span> </span><span class="NAME">Karma.karma</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>296</span> </span><span class="COMM">/** This is the global locale as passed to Karma(), -<span class='line'>297</span> * such as "en", "es_SP" -<span class='line'>298</span> * @property {string} locale This is the global locale as passed to Karma() -<span class='line'>299</span> * @default undefined -<span class='line'>300</span> */</span><span class="WHIT"> -<span class='line'>301</span> </span><span class="WHIT"> </span><span class="NAME">locale</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>302</span> </span><span class="WHIT"> </span><span class="COMM">/** Collection of images with special helper -<span class='line'>303</span> * methods added to each reference +<span class='line'>120</span> +<span class='line'>121</span> </span><span class="COMM">//helper functions</span><span class="WHIT"> +<span class='line'>122</span> +<span class='line'>123</span> </span><span class="COMM">/**This emulates the Object.create method in ecmascript 5 spec +<span class='line'>124</span> * This isn't a full implementation as it doesn't support an all of Object.create's features +<span class='line'>125</span> * This has the same functionality as Crockford's beget method +<span class='line'>126</span> * and this primary building block for prototypal inheritance in +<span class='line'>127</span> * this library +<span class='line'>128</span> * @param {Object} parent that the new object's prototype should point to +<span class='line'>129</span> * @returns {Object} a new object whose prototype is parent +<span class='line'>130</span> * @example +<span class='line'>131</span> * +<span class='line'>132</span> * var ninja = { weapon : "sword" }; +<span class='line'>133</span> * var ninja1 = Karma.create(ninja); +<span class='line'>134</span> * ninja1.weapon === "sword" +<span class='line'>135</span> */</span><span class="WHIT"> +<span class='line'>136</span> </span><span class="NAME">Karma.create</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">parent</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>137</span> </span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="NAME">F</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>138</span> </span><span class="WHIT"> </span><span class="NAME">F.prototype</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parent</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>139</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">F</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>140</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>141</span> +<span class='line'>142</span> </span><span class="COMM">/** Returns a shallow copy of the passed in object +<span class='line'>143</span> * @param {Object} target to be copied +<span class='line'>144</span> * @returns {Object} a shallow copy of target +<span class='line'>145</span> */</span><span class="WHIT"> +<span class='line'>146</span> </span><span class="NAME">Karma.clone</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>147</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">copy</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>148</span> </span><span class="WHIT"> </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="KEYW">in</span><span class="WHIT"> </span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>149</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">target.hasOwnProperty</span><span class="PUNC">(</span><span class="NAME">i</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>150</span> </span><span class="WHIT"> </span><span class="NAME">copy</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">target</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>151</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>152</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>153</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">copy</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>154</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>155</span> +<span class='line'>156</span> </span><span class="COMM">/** Extends properties of the target object with those of +<span class='line'>157</span> * the source object +<span class='line'>158</span> * @param {Object} target object to be extended +<span class='line'>159</span> * @param {Object} source whose properties will extend target +<span class='line'>160</span> * @returns {Object} target extended by source +<span class='line'>161</span> */</span><span class="WHIT"> +<span class='line'>162</span> </span><span class="NAME">Karma.objectPlus</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">source</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>163</span> </span><span class="WHIT"> </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="KEYW">in</span><span class="WHIT"> </span><span class="NAME">source</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>164</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">source.hasOwnProperty</span><span class="PUNC">(</span><span class="NAME">i</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>165</span> </span><span class="WHIT"> </span><span class="NAME">target</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">source</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>166</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>167</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>168</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">target</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>169</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>170</span> +<span class='line'>171</span> </span><span class="NAME">Karma.extend</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.objectPlus</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>172</span> +<span class='line'>173</span> </span><span class="COMM">/** Creates a new object that is a prototype of the first argument +<span class='line'>174</span> * then extends it with the properties of the second argument +<span class='line'>175</span> * @param {Object} parent1 will be prototype of returned object +<span class='line'>176</span> * @param {Object} parent2 will extend properties of returned object +<span class='line'>177</span> * @returns {Object} object that whose prototype is parent1 and has +<span class='line'>178</span> * been extended with properties of parent2 +<span class='line'>179</span> */</span><span class="WHIT"> +<span class='line'>180</span> </span><span class="NAME">Karma.copyObjectPlus</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">parent1</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">parent2</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>181</span> </span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="NAME">F</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>182</span> </span><span class="WHIT"> </span><span class="NAME">F.prototype</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parent1</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>183</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">G</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">F</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>184</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">Karma.objectPlus</span><span class="PUNC">(</span><span class="NAME">G</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">parent2</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>185</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>186</span> +<span class='line'>187</span> +<span class='line'>188</span> </span><span class="COMM">//Throws big ugly error if doctype isn't html5</span><span class="WHIT"> +<span class='line'>189</span> </span><span class="NAME">Karma._isHtml5</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">doctype</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>190</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">regex</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">RegExp</span><span class="PUNC">(</span><span class="STRN">'^html$'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'i'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>191</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">regex.test</span><span class="PUNC">(</span><span class="NAME">doctype</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>192</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"ERROR: The doctype must be set to <!DOCTYPE html> "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>193</span> </span><span class="WHIT"> </span><span class="STRN">"in order to use Karma. Karma require you use html5"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>194</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorElem</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.createElement</span><span class="PUNC">(</span><span class="STRN">'div'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>195</span> </span><span class="WHIT"> </span><span class="NAME">errorElem.setAttribute</span><span class="PUNC">(</span><span class="STRN">'id'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'errorDoctype'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>196</span> </span><span class="WHIT"> </span><span class="NAME">errorElem.innerText</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>197</span> </span><span class="WHIT"> </span><span class="NAME">document.body.appendChild</span><span class="PUNC">(</span><span class="NAME">errorElem</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>198</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>199</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>200</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>201</span> +<span class='line'>202</span> </span><span class="COMM">/** +<span class='line'>203</span> * Shuffles an array of items randomly +<span class='line'>204</span> * @param {Array} oldList of choices to be shuffled +<span class='line'>205</span> * @returns {Array} newlist of choices randomly reordered +<span class='line'>206</span> */</span><span class="WHIT"> +<span class='line'>207</span> </span><span class="NAME">Karma.shuffle</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">oldList</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>208</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">newList</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">oldList.slice</span><span class="PUNC">(</span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>209</span> </span><span class="WHIT"> </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">newList.length</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">;</span><span class="WHIT"> </span><span class="NAME">i</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>210</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">j</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.rand</span><span class="PUNC">(</span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">i</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>211</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">t</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">newList</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>212</span> </span><span class="WHIT"> </span><span class="NAME">newList</span><span class="PUNC">[</span><span class="NAME">i</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">newList</span><span class="PUNC">[</span><span class="NAME">j</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>213</span> </span><span class="WHIT"> </span><span class="NAME">newList</span><span class="PUNC">[</span><span class="NAME">j</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">t</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>214</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>215</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">newList</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>216</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>217</span> +<span class='line'>218</span> </span><span class="WHIT"> </span><span class="COMM">// Below are geometry and math helper methods</span><span class="WHIT"> +<span class='line'>219</span> </span><span class="WHIT"> +<span class='line'>220</span> </span><span class="COMM">/** +<span class='line'>221</span> * Converts a value from degrees to radians. +<span class='line'>222</span> * @param {Number} angle The angle in degrees +<span class='line'>223</span> * @returns {Number} The angle in radians +<span class='line'>224</span> */</span><span class="WHIT"> +<span class='line'>225</span> </span><span class="NAME">Karma.radians</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">angle</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>226</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">angle</span><span class="WHIT"> </span><span class="PUNC">/</span><span class="WHIT"> </span><span class="NUMB">180</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="NAME">Math.PI</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>227</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>228</span> +<span class='line'>229</span> </span><span class="COMM">/** +<span class='line'>230</span> * Gets the square of the Euclidian (ordinary) distance between 2 points. +<span class='line'>231</span> * @param {Object} Point No. 0 +<span class='line'>232</span> * @param {Number} Point0.x +<span class='line'>233</span> * @param {Number} Point0.y +<span class='line'>234</span> * @param {Object} Point No. 1 +<span class='line'>235</span> * @param {Number} Point1.x +<span class='line'>236</span> * @param {Number} Point1.y +<span class='line'>237</span> * @returns {Number} The square of the Euclidian distance +<span class='line'>238</span> * @example +<span class='line'>239</span> * +<span class='line'>240</span> * p0 = {x:0, y:1}; +<span class='line'>241</span> * p1 = {x:50, y:70}; +<span class='line'>242</span> * var d = distance2(p0, p1); +<span class='line'>243</span> * +<span class='line'>244</span> */</span><span class="WHIT"> +<span class='line'>245</span> </span><span class="NAME">Karma.distance2</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">p0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">p1</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>246</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">p1.x</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">p0.x</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">p1.x</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">p0.x</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">p1.y</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">p1.y</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">p1.y</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">p1.y</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>247</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>248</span> +<span class='line'>249</span> </span><span class="COMM">/** +<span class='line'>250</span> * Gets the Euclidian (ordinary) distance between 2 points.<br> +<span class='line'>251</span> * <b>Warning:</b> It's slower than distance2 function +<span class='line'>252</span> * @param {Object} Point No. 0 +<span class='line'>253</span> * @param {Number} Point0.x +<span class='line'>254</span> * @param {Number} Point0.y +<span class='line'>255</span> * @param {Object} Point No. 1 +<span class='line'>256</span> * @param {Number} Point1.x +<span class='line'>257</span> * @param {Number} Point1.y +<span class='line'>258</span> * @returns {Number} The Euclidian distance +<span class='line'>259</span> * @example +<span class='line'>260</span> * +<span class='line'>261</span> * p0 = {x:0, y:1}; +<span class='line'>262</span> * p1 = {x:50, y:70}; +<span class='line'>263</span> * var d = distance2(p0, p1); +<span class='line'>264</span> * +<span class='line'>265</span> */</span><span class="WHIT"> +<span class='line'>266</span> </span><span class="NAME">Karma.distance</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">p0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">p1</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>267</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">Math.sqrt</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">this.distance2</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">p0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">p1</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>268</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>269</span> +<span class='line'>270</span> </span><span class="COMM">/** Returns a random number within the range provided +<span class='line'>271</span> * @param {Number} lower limit of the range, lowest number that can be returned +<span class='line'>272</span> * @param {Number} upper limit of the range, highest number that can be returned +<span class='line'>273</span> * @returns {Number} number that is >= lower and <= upper +<span class='line'>274</span> * @example +<span class='line'>275</span> * +<span class='line'>276</span> * var num = rand(0, 10); +<span class='line'>277</span> * +<span class='line'>278</span> * //num could be 0, 1, 2, 3 ... or 10 +<span class='line'>279</span> * +<span class='line'>280</span> */</span><span class="WHIT"> +<span class='line'>281</span> </span><span class="NAME">Karma.rand</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">lower</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">upper</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>282</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">Math.floor</span><span class="PUNC">(</span><span class="NAME">Math.random</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">*</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">upper</span><span class="WHIT"> </span><span class="PUNC">-</span><span class="WHIT"> </span><span class="NAME">lower</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NUMB">1</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">lower</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>283</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>284</span> +<span class='line'>285</span> +<span class='line'>286</span> </span><span class="NAME">Karma.extend</span><span class="PUNC">(</span><span class="NAME">Karma</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>287</span> </span><span class="COMM">/** This is the global locale as passed to Karma(), +<span class='line'>288</span> * such as "en", "es_SP" +<span class='line'>289</span> * @fieldOf Karma +<span class='line'>290</span> * @property {string} locale This is the global locale as passed to Karma() +<span class='line'>291</span> * @default undefined +<span class='line'>292</span> */</span><span class="WHIT"> +<span class='line'>293</span> </span><span class="WHIT"> </span><span class="NAME">locale</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>294</span> </span><span class="WHIT"> </span><span class="COMM">/** Collection of images with special helper +<span class='line'>295</span> * methods added to each reference +<span class='line'>296</span> * @fieldOf Karma +<span class='line'>297</span> * @type object +<span class='line'>298</span> * @default empty object +<span class='line'>299</span> */</span><span class="WHIT"> +<span class='line'>300</span> </span><span class="WHIT"> </span><span class="NAME">image</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>301</span> </span><span class="WHIT"> </span><span class="COMM">/** Collection of audio files with special helper +<span class='line'>302</span> * methods added to each reference +<span class='line'>303</span> * @fieldOf Karma <span class='line'>304</span> * @type object <span class='line'>305</span> * @default empty object <span class='line'>306</span> */</span><span class="WHIT"> -<span class='line'>307</span> </span><span class="WHIT"> </span><span class="NAME">image</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>308</span> </span><span class="WHIT"> </span><span class="COMM">/** Collection of audio files with special helper +<span class='line'>307</span> </span><span class="WHIT"> </span><span class="NAME">audio</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>308</span> </span><span class="WHIT"> </span><span class="COMM">/** Collection of html 5 canvases with special helper <span class='line'>309</span> * methods added to each reference -<span class='line'>310</span> * @type object -<span class='line'>311</span> * @default empty object -<span class='line'>312</span> */</span><span class="WHIT"> -<span class='line'>313</span> </span><span class="WHIT"> </span><span class="NAME">audio</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>314</span> </span><span class="WHIT"> </span><span class="COMM">/** Collection of html 5 canvases with special helper -<span class='line'>315</span> * methods added to each reference -<span class='line'>316</span> * @type object -<span class='line'>317</span> * @default empty object -<span class='line'>318</span> */</span><span class="WHIT"> -<span class='line'>319</span> </span><span class="WHIT"> </span><span class="NAME">canvas</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>320</span> </span><span class="WHIT"> </span><span class="COMM">/** Collection of svgs with special helper -<span class='line'>321</span> * methods added to each reference -<span class='line'>322</span> * @type object -<span class='line'>323</span> * @default empty object -<span class='line'>324</span> */</span><span class="WHIT"> -<span class='line'>325</span> </span><span class="WHIT"> </span><span class="NAME">svg</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>326</span> </span><span class="WHIT"> </span><span class="COMM">/** Collection of videos with special helper -<span class='line'>327</span> * methods added to each reference -<span class='line'>328</span> * @type object -<span class='line'>329</span> * @default empty object -<span class='line'>330</span> */</span><span class="WHIT"> -<span class='line'>331</span> </span><span class="WHIT"> </span><span class="NAME">video</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>332</span> </span><span class="WHIT"> </span><span class="NAME">_localized</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>333</span> </span><span class="WHIT"> </span><span class="NAME">_assetPath</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">"assets/"</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>334</span> </span><span class="WHIT"> </span><span class="NAME">_localePath</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>335</span> </span><span class="WHIT"> </span><span class="NAME">_initialized</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>336</span> </span><span class="WHIT"> </span><span class="NAME">_statusDiv</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>337</span> </span><span class="WHIT"> </span><span class="NAME">_loaderDiv</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>338</span> </span><span class="WHIT"> </span><span class="NAME">_counters</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> </span><span class="NAME">total</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">errors</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">loaded</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>339</span> -<span class='line'>340</span> </span><span class="WHIT"> </span><span class="COMM">//This constructs the Karma.karma object per values provided by the user</span><span class="WHIT"> -<span class='line'>341</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>342</span> </span><span class="WHIT"> </span><span class="NAME">this._initialized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>343</span> </span><span class="WHIT"> -<span class='line'>344</span> </span><span class="COMM">//set up message that show count of assets loaded</span><span class="WHIT"> -<span class='line'>345</span> </span><span class="WHIT"> </span><span class="COMM">//and has an ordered list to append error messages to</span><span class="WHIT"> -<span class='line'>346</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">_statusDiv</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._statusDiv</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.createElement</span><span class="PUNC">(</span><span class="STRN">'div'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>347</span> </span><span class="WHIT"> </span><span class="NAME">this._loaderDiv</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._loaderDiv</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.createElement</span><span class="PUNC">(</span><span class="STRN">'div'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>348</span> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorList</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.createElement</span><span class="PUNC">(</span><span class="STRN">'ol'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>349</span> -<span class='line'>350</span> </span><span class="WHIT"> </span><span class="NAME">_statusDiv.setAttribute</span><span class="PUNC">(</span><span class="STRN">'id'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'karma-status'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>351</span> </span><span class="WHIT"> </span><span class="NAME">_statusDiv.setAttribute</span><span class="PUNC">(</span><span class="STRN">'style'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'position:absolute;'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>352</span> </span><span class="WHIT"> </span><span class="NAME">_statusDiv.innerHTML</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'Karma is loading ...'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>353</span> </span><span class="WHIT"> </span><span class="NAME">this._loaderDiv.setAttribute</span><span class="PUNC">(</span><span class="STRN">'id'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'karma-loader'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>354</span> </span><span class="WHIT"> </span><span class="NAME">this._loaderDiv.setAttribute</span><span class="PUNC">(</span><span class="STRN">'class'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'status'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>355</span> </span><span class="WHIT"> </span><span class="NAME">errorList.setAttribute</span><span class="PUNC">(</span><span class="STRN">'id'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'errorList'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>356</span> -<span class='line'>357</span> </span><span class="WHIT"> </span><span class="NAME">_statusDiv.appendChild</span><span class="PUNC">(</span><span class="NAME">this._loaderDiv</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>358</span> </span><span class="WHIT"> </span><span class="NAME">this._statusDiv.appendChild</span><span class="PUNC">(</span><span class="NAME">errorList</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>359</span> </span><span class="WHIT"> </span><span class="NAME">document.body.appendChild</span><span class="PUNC">(</span><span class="NAME">_statusDiv</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>360</span> -<span class='line'>361</span> </span><span class="WHIT"> </span><span class="COMM">//regular expression that matches the name of aprivate property</span><span class="WHIT"> -<span class='line'>362</span> </span><span class="WHIT"> </span><span class="COMM">// the karma object</span><span class="WHIT"> -<span class='line'>363</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">regexPrivate</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">RegExp</span><span class="PUNC">(</span><span class="STRN">'^_.*'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>364</span> </span><span class="WHIT"> -<span class='line'>365</span> </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">option</span><span class="WHIT"> </span><span class="KEYW">in</span><span class="WHIT"> </span><span class="NAME">options</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>366</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">options.hasOwnProperty</span><span class="PUNC">(</span><span class="NAME">option</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>367</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">option</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"image"</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">option</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"audio"</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">option</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> -<span class='line'>368</span> </span><span class="STRN">"svg"</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">option</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"video"</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">option</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"canvas"</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>369</span> -<span class='line'>370</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="KEYW">instanceof</span><span class="WHIT"> </span><span class="NAME">Array</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>371</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">""</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">option</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" must be an array"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>372</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">length</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>373</span> </span><span class="WHIT"> </span><span class="KEYW">continue</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>374</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>375</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">regexPrivate.test</span><span class="PUNC">(</span><span class="NAME">option</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>376</span> </span><span class="WHIT"> </span><span class="COMM">//don't overwrite a private property of karma object</span><span class="WHIT"> -<span class='line'>377</span> </span><span class="WHIT"> </span><span class="KEYW">continue</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>378</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>379</span> </span><span class="WHIT"> -<span class='line'>380</span> </span><span class="KEYW">switch</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">option</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>381</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"locale"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>382</span> -<span class='line'>383</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">this._isValidLocale</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>384</span> </span><span class="WHIT"> </span><span class="NAME">this.locale</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._normalizeLocale</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>385</span> </span><span class="WHIT"> </span><span class="NAME">this._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>386</span> </span><span class="WHIT"> </span><span class="NAME">this._localePath</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma._computeLocalePath</span><span class="PUNC">(</span><span class="NAME">this.locale</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>387</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>388</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"locale provided to karma._init() is invalid"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>389</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>390</span> </span><span class="WHIT"> -<span class='line'>391</span> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>392</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"image"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>393</span> </span><span class="WHIT"> </span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'image'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>394</span> </span><span class="WHIT"> </span><span class="NAME">Karma._makeCollection</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'image'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>395</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>396</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"audio"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>397</span> </span><span class="WHIT"> </span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'audio'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>398</span> </span><span class="WHIT"> </span><span class="NAME">Karma._makeCollection</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'audio'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>399</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>400</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"video"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>401</span> </span><span class="WHIT"> </span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'video'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>402</span> </span><span class="WHIT"> </span><span class="NAME">Karma._makeCollection</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'video'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>403</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>404</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"svg"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>405</span> </span><span class="WHIT"> </span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'svg'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>406</span> </span><span class="WHIT"> </span><span class="NAME">Karma._makeCollection</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'svg'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>407</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>408</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"canvas"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>409</span> </span><span class="WHIT"> </span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'canvas'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>410</span> </span><span class="WHIT"> </span><span class="NAME">Karma._makeCollection</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'canvas'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>411</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>412</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>413</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>414</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>415</span> -<span class='line'>416</span> -<span class='line'>417</span> -<span class='line'>418</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>419</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>420</span> </span><span class="WHIT"> -<span class='line'>421</span> </span><span class="COMM">/** Waits until all assets loaded(ready), then calls callback cb -<span class='line'>422</span> * @param {Function} [cb] callback function -<span class='line'>423</span> * @returns this -<span class='line'>424</span> * @throws {Error} if Karma.karma is not initialized with the -<span class='line'>425</span> * Karma({ options }) function -<span class='line'>426</span> * @example -<span class='line'>427</span> * -<span class='line'>428</span> * var k = Karma({ . . . your assets here . . . }); -<span class='line'>429</span> * k.ready(function(){ .. your code here . . .}); -<span class='line'>430</span> * -<span class='line'>431</span> * your code will not be called until all assets have been loaded -<span class='line'>432</span> * into collections -<span class='line'>433</span> * -<span class='line'>434</span> */</span><span class="WHIT"> -<span class='line'>435</span> </span><span class="WHIT"> </span><span class="NAME">ready</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">cb</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>436</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>437</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">Karma.karma._initialized</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>438</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"Karma.karma not initialized"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>439</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>440</span> -<span class='line'>441</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">this._counters.loaded</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">this._counters.total</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>442</span> </span><span class="WHIT"> </span><span class="NAME">setTimeout</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> </span><span class="NAME">that.ready</span><span class="PUNC">(</span><span class="NAME">cb</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">5</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>443</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">cb</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>444</span> </span><span class="WHIT"> </span><span class="COMM">//hide the "Karma is loading..." message</span><span class="WHIT"> -<span class='line'>445</span> </span><span class="WHIT"> </span><span class="NAME">this._statusDiv.setAttribute</span><span class="PUNC">(</span><span class="STRN">'style'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'display:none;'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>446</span> -<span class='line'>447</span> </span><span class="WHIT"> </span><span class="NAME">cb</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>448</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">cb</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>449</span> </span><span class="WHIT"> </span><span class="COMM">//hide the "Karma is loading..." message</span><span class="WHIT"> -<span class='line'>450</span> </span><span class="WHIT"> </span><span class="NAME">this._statusDiv.setAttribute</span><span class="PUNC">(</span><span class="STRN">'style'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'display:none;'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>451</span> </span><span class="WHIT"> -<span class='line'>452</span> </span><span class="COMM">//if no options passed, show it works message</span><span class="WHIT"> -<span class='line'>453</span> </span><span class="WHIT"> </span><span class="NAME">this._showStarterMessage</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>454</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>455</span> </span><span class="WHIT"> -<span class='line'>456</span> -<span class='line'>457</span> -<span class='line'>458</span> -<span class='line'>459</span> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>460</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>461</span> -<span class='line'>462</span> </span><span class="WHIT"> </span><span class="COMM">//Display Apache-like "It works" message if no options</span><span class="WHIT"> -<span class='line'>463</span> </span><span class="WHIT"> </span><span class="NAME">_showStarterMessage</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>464</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">starterMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.createElement</span><span class="PUNC">(</span><span class="STRN">'div'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>465</span> </span><span class="WHIT"> </span><span class="NAME">starterMsg.setAttribute</span><span class="PUNC">(</span><span class="STRN">'id'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'starterMsg'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>466</span> </span><span class="WHIT"> </span><span class="NAME">starterMsg.innerHTML</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"<h1>It Works</h1>"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>467</span> </span><span class="WHIT"> </span><span class="NAME">document.body.appendChild</span><span class="PUNC">(</span><span class="NAME">starterMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>468</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>469</span> -<span class='line'>470</span> </span><span class="WHIT"> </span><span class="COMM">//Updates visible counter of how many assets are loaded</span><span class="WHIT"> -<span class='line'>471</span> </span><span class="WHIT"> </span><span class="NAME">_updateStatus</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>472</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">loaded</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._counters.loaded</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>473</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">total</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._counters.total</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>474</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errors</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._counters.errors</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>475</span> </span><span class="WHIT"> </span><span class="NAME">this._loaderDiv.innerHTML</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"Loaded "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">loaded</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" / "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">total</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>476</span> </span><span class="STRN">""</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">errors</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">0</span><span class="WHIT"> </span><span class="PUNC">?</span><span class="WHIT"> </span><span class="STRN">" Errors [ "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">errors</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="STRN">" ]"</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">''</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>477</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>478</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">liError</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.createElement</span><span class="PUNC">(</span><span class="STRN">'li'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>479</span> </span><span class="WHIT"> </span><span class="NAME">liError.innerHTML</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>480</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorList</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.getElementById</span><span class="PUNC">(</span><span class="STRN">'errorList'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>481</span> </span><span class="WHIT"> </span><span class="NAME">errorList.appendChild</span><span class="PUNC">(</span><span class="NAME">liError</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>482</span> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>483</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>484</span> -<span class='line'>485</span> </span><span class="COMM">//matches 2 letter country code then optionally</span><span class="WHIT"> -<span class='line'>486</span> </span><span class="WHIT"> </span><span class="COMM">//a dash or underscore followed by a country or language identifier</span><span class="WHIT"> -<span class='line'>487</span> </span><span class="WHIT"> </span><span class="COMM">//i currently only allow a language identifier 2-3 chars long</span><span class="WHIT"> -<span class='line'>488</span> </span><span class="WHIT"> </span><span class="NAME">_isValidLocale</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">locale</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>489</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">localeRegex</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">RegExp</span><span class="PUNC">(</span><span class="STRN">'^[a-zA-Z][a-zA-Z]([-_][a-zA-z]{2,3})?$'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>490</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">localeRegex.test</span><span class="PUNC">(</span><span class="NAME">locale</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>491</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>492</span> -<span class='line'>493</span> </span><span class="WHIT"> </span><span class="NAME">_normalizeLocale</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">locale</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>494</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">lang</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>495</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">country</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>496</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">divider</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>497</span> -<span class='line'>498</span> </span><span class="WHIT"> </span><span class="NAME">lang</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">locale.slice</span><span class="PUNC">(</span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">toLowerCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>499</span> </span><span class="WHIT"> </span><span class="NAME">divider</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"_"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>500</span> </span><span class="WHIT"> </span><span class="NAME">country</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">locale.slice</span><span class="PUNC">(</span><span class="NUMB">3</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">6</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>501</span> </span><span class="WHIT"> -<span class='line'>502</span> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">locale.length</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">2</span><span class="WHIT"> </span><span class="PUNC">?</span><span class="WHIT"> </span><span class="STRN">""</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">lang</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">divider</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">country</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">lang</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>503</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>504</span> </span><span class="WHIT"> -<span class='line'>505</span> -<span class='line'>506</span> -<span class='line'>507</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>508</span> -<span class='line'>509</span> </span><span class="COMM">//Helper functions for creating assets</span><span class="WHIT"> -<span class='line'>510</span> -<span class='line'>511</span> </span><span class="NAME">Karma._isLocalized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">boolLocalized</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>512</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">typeof</span><span class="WHIT"> </span><span class="NAME">boolLocalized</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"boolean"</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>513</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">boolLocalized</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> -<span class='line'>514</span> </span><span class="NAME">Karma.karma.locale</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>515</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"You cannot localize a media asset"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>516</span> </span><span class="WHIT"> </span><span class="STRN">" if the global locale for Karma isn't set"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>517</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>518</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">boolLocalized</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>519</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>520</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">typeof</span><span class="WHIT"> </span><span class="NAME">boolLocalized</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>521</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>522</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>523</span> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"This is not a valid value for the localized option"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>524</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>525</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>526</span> -<span class='line'>527</span> </span><span class="NAME">Karma._computeLocalePath</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">locale</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>528</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">Karma.karma._assetPath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">locale</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"/"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>529</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>310</span> * @fieldOf Karma +<span class='line'>311</span> * @type object +<span class='line'>312</span> * @default empty object +<span class='line'>313</span> */</span><span class="WHIT"> +<span class='line'>314</span> </span><span class="WHIT"> </span><span class="NAME">canvas</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>315</span> </span><span class="WHIT"> </span><span class="COMM">/** Collection of svgs with special helper +<span class='line'>316</span> * methods added to each reference +<span class='line'>317</span> * @fieldOf Karma +<span class='line'>318</span> * @type object +<span class='line'>319</span> * @default empty object +<span class='line'>320</span> */</span><span class="WHIT"> +<span class='line'>321</span> </span><span class="WHIT"> </span><span class="NAME">svg</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>322</span> </span><span class="WHIT"> </span><span class="COMM">/** Collection of videos with special helper +<span class='line'>323</span> * methods added to each reference +<span class='line'>324</span> * @fieldOf Karma +<span class='line'>325</span> * @type object +<span class='line'>326</span> * @default empty object +<span class='line'>327</span> */</span><span class="WHIT"> +<span class='line'>328</span> </span><span class="WHIT"> </span><span class="NAME">video</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>329</span> </span><span class="WHIT"> </span><span class="NAME">_localized</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>330</span> </span><span class="WHIT"> </span><span class="NAME">_assetPath</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">"assets/"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>331</span> </span><span class="WHIT"> </span><span class="NAME">_localePath</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>332</span> </span><span class="WHIT"> </span><span class="NAME">_initialized</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>333</span> </span><span class="WHIT"> </span><span class="NAME">_statusDiv</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>334</span> </span><span class="WHIT"> </span><span class="NAME">_loaderDiv</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>335</span> </span><span class="WHIT"> </span><span class="NAME">_counters</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> </span><span class="NAME">total</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">errors</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">loaded</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>336</span> +<span class='line'>337</span> </span><span class="WHIT"> </span><span class="COMM">//This constructs the Karma object per values provided by the user</span><span class="WHIT"> +<span class='line'>338</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>339</span> </span><span class="WHIT"> </span><span class="NAME">this._initialized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>340</span> </span><span class="WHIT"> +<span class='line'>341</span> </span><span class="COMM">//set up message that show count of assets loaded</span><span class="WHIT"> +<span class='line'>342</span> </span><span class="WHIT"> </span><span class="COMM">//and has an ordered list to append error messages to</span><span class="WHIT"> +<span class='line'>343</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">_statusDiv</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._statusDiv</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.createElement</span><span class="PUNC">(</span><span class="STRN">'div'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>344</span> </span><span class="WHIT"> </span><span class="NAME">this._loaderDiv</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._loaderDiv</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.createElement</span><span class="PUNC">(</span><span class="STRN">'div'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>345</span> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorList</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.createElement</span><span class="PUNC">(</span><span class="STRN">'ol'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>346</span> +<span class='line'>347</span> </span><span class="WHIT"> </span><span class="NAME">_statusDiv.setAttribute</span><span class="PUNC">(</span><span class="STRN">'id'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'karma-status'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>348</span> </span><span class="WHIT"> </span><span class="NAME">_statusDiv.setAttribute</span><span class="PUNC">(</span><span class="STRN">'style'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'position:absolute;'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>349</span> </span><span class="WHIT"> </span><span class="NAME">_statusDiv.innerHTML</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'Karma is loading ...'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>350</span> </span><span class="WHIT"> </span><span class="NAME">this._loaderDiv.setAttribute</span><span class="PUNC">(</span><span class="STRN">'id'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'karma-loader'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>351</span> </span><span class="WHIT"> </span><span class="NAME">this._loaderDiv.setAttribute</span><span class="PUNC">(</span><span class="STRN">'class'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'status'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>352</span> </span><span class="WHIT"> </span><span class="NAME">errorList.setAttribute</span><span class="PUNC">(</span><span class="STRN">'id'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'errorList'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>353</span> +<span class='line'>354</span> </span><span class="WHIT"> </span><span class="NAME">_statusDiv.appendChild</span><span class="PUNC">(</span><span class="NAME">this._loaderDiv</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>355</span> </span><span class="WHIT"> </span><span class="NAME">this._statusDiv.appendChild</span><span class="PUNC">(</span><span class="NAME">errorList</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>356</span> </span><span class="WHIT"> </span><span class="NAME">document.body.appendChild</span><span class="PUNC">(</span><span class="NAME">_statusDiv</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>357</span> +<span class='line'>358</span> </span><span class="WHIT"> </span><span class="COMM">//regular expression that matches the name of aprivate property</span><span class="WHIT"> +<span class='line'>359</span> </span><span class="WHIT"> </span><span class="COMM">// the karma object</span><span class="WHIT"> +<span class='line'>360</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">regexPrivate</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">RegExp</span><span class="PUNC">(</span><span class="STRN">'^_.*'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>361</span> </span><span class="WHIT"> +<span class='line'>362</span> </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">option</span><span class="WHIT"> </span><span class="KEYW">in</span><span class="WHIT"> </span><span class="NAME">options</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>363</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">options.hasOwnProperty</span><span class="PUNC">(</span><span class="NAME">option</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>364</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">option</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"image"</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">option</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"audio"</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">option</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> +<span class='line'>365</span> </span><span class="STRN">"svg"</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">option</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"video"</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">option</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"canvas"</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>366</span> +<span class='line'>367</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="KEYW">instanceof</span><span class="WHIT"> </span><span class="NAME">Array</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>368</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">""</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">option</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" must be an array"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>369</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">length</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>370</span> </span><span class="WHIT"> </span><span class="KEYW">continue</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>371</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>372</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">regexPrivate.test</span><span class="PUNC">(</span><span class="NAME">option</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>373</span> </span><span class="WHIT"> </span><span class="COMM">//don't overwrite a private property of karma object</span><span class="WHIT"> +<span class='line'>374</span> </span><span class="WHIT"> </span><span class="KEYW">continue</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>375</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>376</span> </span><span class="WHIT"> +<span class='line'>377</span> </span><span class="KEYW">switch</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">option</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>378</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"locale"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>379</span> +<span class='line'>380</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">this._isValidLocale</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>381</span> </span><span class="WHIT"> </span><span class="NAME">this.locale</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._normalizeLocale</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>382</span> </span><span class="WHIT"> </span><span class="NAME">this._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>383</span> </span><span class="WHIT"> </span><span class="NAME">this._localePath</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma._computeLocalePath</span><span class="PUNC">(</span><span class="NAME">this.locale</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>384</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>385</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"locale provided to karma._init() is invalid"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>386</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>387</span> </span><span class="WHIT"> +<span class='line'>388</span> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>389</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"image"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>390</span> </span><span class="WHIT"> </span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'image'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>391</span> </span><span class="WHIT"> </span><span class="NAME">Karma._makeCollection</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'image'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>392</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>393</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"audio"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>394</span> </span><span class="WHIT"> </span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'audio'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>395</span> </span><span class="WHIT"> </span><span class="NAME">Karma._makeCollection</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'audio'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>396</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>397</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"video"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>398</span> </span><span class="WHIT"> </span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'video'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>399</span> </span><span class="WHIT"> </span><span class="NAME">Karma._makeCollection</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'video'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>400</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>401</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"svg"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>402</span> </span><span class="WHIT"> </span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'svg'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>403</span> </span><span class="WHIT"> </span><span class="NAME">Karma._makeCollection</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'svg'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>404</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>405</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"canvas"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>406</span> </span><span class="WHIT"> </span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'canvas'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>407</span> </span><span class="WHIT"> </span><span class="NAME">Karma._makeCollection</span><span class="PUNC">(</span><span class="NAME">options</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'canvas'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>408</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>409</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>410</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>411</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>412</span> +<span class='line'>413</span> +<span class='line'>414</span> +<span class='line'>415</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>416</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>417</span> </span><span class="WHIT"> +<span class='line'>418</span> </span><span class="COMM">/** Waits until all assets loaded(ready), then calls callback cb +<span class='line'>419</span> * @memberOf Karma +<span class='line'>420</span> * @param {Function} [cb] callback function +<span class='line'>421</span> * @returns this +<span class='line'>422</span> * @throws {Error} if Karma is not initialized with the +<span class='line'>423</span> * Karma({ options }) function +<span class='line'>424</span> * @example +<span class='line'>425</span> * +<span class='line'>426</span> * var k = Karma({ . . . your assets here . . . }); +<span class='line'>427</span> * k.ready(function(){ .. your code here . . .}); +<span class='line'>428</span> * +<span class='line'>429</span> * your code will not be called until all assets have been loaded +<span class='line'>430</span> * into collections +<span class='line'>431</span> * +<span class='line'>432</span> */</span><span class="WHIT"> +<span class='line'>433</span> </span><span class="WHIT"> </span><span class="NAME">ready</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">cb</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>434</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>435</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">Karma._initialized</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>436</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"Karma not initialized"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>437</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>438</span> +<span class='line'>439</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">this._counters.loaded</span><span class="WHIT"> </span><span class="PUNC">!==</span><span class="WHIT"> </span><span class="NAME">this._counters.total</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>440</span> </span><span class="WHIT"> </span><span class="NAME">setTimeout</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> </span><span class="NAME">that.ready</span><span class="PUNC">(</span><span class="NAME">cb</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">5</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>441</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">cb</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>442</span> </span><span class="WHIT"> </span><span class="COMM">//hide the "Karma is loading..." message</span><span class="WHIT"> +<span class='line'>443</span> </span><span class="WHIT"> </span><span class="NAME">this._statusDiv.setAttribute</span><span class="PUNC">(</span><span class="STRN">'style'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'display:none;'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>444</span> +<span class='line'>445</span> </span><span class="WHIT"> </span><span class="NAME">cb</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>446</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">cb</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>447</span> </span><span class="WHIT"> </span><span class="COMM">//hide the "Karma is loading..." message</span><span class="WHIT"> +<span class='line'>448</span> </span><span class="WHIT"> </span><span class="NAME">this._statusDiv.setAttribute</span><span class="PUNC">(</span><span class="STRN">'style'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'display:none;'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>449</span> </span><span class="WHIT"> +<span class='line'>450</span> </span><span class="COMM">//if no options passed, show it works message</span><span class="WHIT"> +<span class='line'>451</span> </span><span class="WHIT"> </span><span class="NAME">this._showStarterMessage</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>452</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>453</span> </span><span class="WHIT"> +<span class='line'>454</span> +<span class='line'>455</span> +<span class='line'>456</span> +<span class='line'>457</span> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>458</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>459</span> +<span class='line'>460</span> </span><span class="WHIT"> </span><span class="COMM">//Display Apache-like "It works" message if no options</span><span class="WHIT"> +<span class='line'>461</span> </span><span class="WHIT"> </span><span class="NAME">_showStarterMessage</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>462</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">starterMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.createElement</span><span class="PUNC">(</span><span class="STRN">'div'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>463</span> </span><span class="WHIT"> </span><span class="NAME">starterMsg.setAttribute</span><span class="PUNC">(</span><span class="STRN">'id'</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="STRN">'starterMsg'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>464</span> </span><span class="WHIT"> </span><span class="NAME">starterMsg.innerHTML</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"<h1>It Works</h1>"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>465</span> </span><span class="WHIT"> </span><span class="NAME">document.body.appendChild</span><span class="PUNC">(</span><span class="NAME">starterMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>466</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>467</span> +<span class='line'>468</span> </span><span class="WHIT"> </span><span class="COMM">//Updates visible counter of how many assets are loaded</span><span class="WHIT"> +<span class='line'>469</span> </span><span class="WHIT"> </span><span class="NAME">_updateStatus</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>470</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">loaded</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._counters.loaded</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>471</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">total</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._counters.total</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>472</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errors</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._counters.errors</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>473</span> </span><span class="WHIT"> </span><span class="NAME">this._loaderDiv.innerHTML</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"Loaded "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">loaded</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" / "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">total</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>474</span> </span><span class="STRN">""</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">errors</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">0</span><span class="WHIT"> </span><span class="PUNC">?</span><span class="WHIT"> </span><span class="STRN">" Errors [ "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">errors</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="STRN">" ]"</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">''</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>475</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>476</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">liError</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.createElement</span><span class="PUNC">(</span><span class="STRN">'li'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>477</span> </span><span class="WHIT"> </span><span class="NAME">liError.innerHTML</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>478</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorList</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.getElementById</span><span class="PUNC">(</span><span class="STRN">'errorList'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>479</span> </span><span class="WHIT"> </span><span class="NAME">errorList.appendChild</span><span class="PUNC">(</span><span class="NAME">liError</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>480</span> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>481</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>482</span> +<span class='line'>483</span> </span><span class="COMM">//matches 2 letter country code then optionally</span><span class="WHIT"> +<span class='line'>484</span> </span><span class="WHIT"> </span><span class="COMM">//a dash or underscore followed by a country or language identifier</span><span class="WHIT"> +<span class='line'>485</span> </span><span class="WHIT"> </span><span class="COMM">//i currently only allow a language identifier 2-3 chars long</span><span class="WHIT"> +<span class='line'>486</span> </span><span class="WHIT"> </span><span class="NAME">_isValidLocale</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">locale</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>487</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">localeRegex</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">RegExp</span><span class="PUNC">(</span><span class="STRN">'^[a-zA-Z][a-zA-Z]([-_][a-zA-z]{2,3})?$'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>488</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">localeRegex.test</span><span class="PUNC">(</span><span class="NAME">locale</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>489</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>490</span> +<span class='line'>491</span> </span><span class="WHIT"> </span><span class="NAME">_normalizeLocale</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">locale</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>492</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">lang</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>493</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">country</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>494</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">divider</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>495</span> +<span class='line'>496</span> </span><span class="WHIT"> </span><span class="NAME">lang</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">locale.slice</span><span class="PUNC">(</span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">2</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">toLowerCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>497</span> </span><span class="WHIT"> </span><span class="NAME">divider</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"_"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>498</span> </span><span class="WHIT"> </span><span class="NAME">country</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">locale.slice</span><span class="PUNC">(</span><span class="NUMB">3</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">6</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>499</span> </span><span class="WHIT"> +<span class='line'>500</span> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">locale.length</span><span class="WHIT"> </span><span class="PUNC">></span><span class="WHIT"> </span><span class="NUMB">2</span><span class="WHIT"> </span><span class="PUNC">?</span><span class="WHIT"> </span><span class="STRN">""</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">lang</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">divider</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">country</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">lang</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>501</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>502</span> </span><span class="WHIT"> +<span class='line'>503</span> +<span class='line'>504</span> +<span class='line'>505</span> </span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>506</span> +<span class='line'>507</span> </span><span class="COMM">//Helper functions for creating assets</span><span class="WHIT"> +<span class='line'>508</span> </span><span class="NAME">Karma._isLocalized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">boolLocalized</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>509</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">typeof</span><span class="WHIT"> </span><span class="NAME">boolLocalized</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"boolean"</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>510</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">boolLocalized</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> +<span class='line'>511</span> </span><span class="NAME">Karma.locale</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>512</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"You cannot localize a media asset"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>513</span> </span><span class="WHIT"> </span><span class="STRN">" if the global locale for Karma isn't set"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>514</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>515</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">boolLocalized</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>516</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>517</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">typeof</span><span class="WHIT"> </span><span class="NAME">boolLocalized</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>518</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>519</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>520</span> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"This is not a valid value for the localized option"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>521</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>522</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>523</span> +<span class='line'>524</span> </span><span class="NAME">Karma._computeLocalePath</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">locale</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>525</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">Karma._assetPath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">locale</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"/"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>526</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>527</span> +<span class='line'>528</span> +<span class='line'>529</span> <span class='line'>530</span> -<span class='line'>531</span> -<span class='line'>532</span> -<span class='line'>533</span> -<span class='line'>534</span> </span><span class="NAME">Karma._makeCollection</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">configs</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">type</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>535</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">makeAsset</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">config</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>536</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">asset</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>537</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>538</span> </span><span class="WHIT"> </span><span class="KEYW">switch</span><span class="PUNC">(</span><span class="NAME">type</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>539</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"image"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>540</span> </span><span class="WHIT"> </span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.kImage</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>531</span> </span><span class="NAME">Karma._makeCollection</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">configs</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">type</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>532</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">makeAsset</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">config</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>533</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">asset</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>534</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>535</span> </span><span class="WHIT"> </span><span class="KEYW">switch</span><span class="PUNC">(</span><span class="NAME">type</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>536</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"image"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>537</span> </span><span class="WHIT"> </span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.kImage</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>538</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>539</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"audio"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>540</span> </span><span class="WHIT"> </span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.kAudio</span><span class="PUNC">;</span><span class="WHIT"> <span class='line'>541</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>542</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"audio"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>543</span> </span><span class="WHIT"> </span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.kAudio</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>542</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"video"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>543</span> </span><span class="WHIT"> </span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.kVideo</span><span class="PUNC">;</span><span class="WHIT"> <span class='line'>544</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>545</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"video"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>546</span> </span><span class="WHIT"> </span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.kVideo</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>545</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"svg"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>546</span> </span><span class="WHIT"> </span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.kSvg</span><span class="PUNC">;</span><span class="WHIT"> <span class='line'>547</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>548</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"svg"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>549</span> </span><span class="WHIT"> </span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.kSvg</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>548</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"canvas"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>549</span> </span><span class="WHIT"> </span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.kCanvas</span><span class="PUNC">;</span><span class="WHIT"> <span class='line'>550</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>551</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"canvas"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>552</span> </span><span class="WHIT"> </span><span class="NAME">target</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.kCanvas</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>553</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>554</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>555</span> -<span class='line'>556</span> </span><span class="WHIT"> </span><span class="NAME">asset</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.create</span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">_init</span><span class="PUNC">(</span><span class="NAME">config</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>557</span> </span><span class="WHIT"> </span><span class="NAME">Karma.karma</span><span class="PUNC">[</span><span class="NAME">type</span><span class="PUNC">]</span><span class="PUNC">[</span><span class="NAME">config.name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">asset</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>558</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>559</span> </span><span class="WHIT"> -<span class='line'>560</span> </span><span class="NAME">configs.forEach</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">config</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> </span><span class="NAME">makeAsset</span><span class="PUNC">(</span><span class="NAME">config</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>561</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>551</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>552</span> +<span class='line'>553</span> </span><span class="WHIT"> </span><span class="NAME">asset</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.create</span><span class="PUNC">(</span><span class="NAME">target</span><span class="PUNC">)</span><span class="PUNC">.</span><span class="NAME">_init</span><span class="PUNC">(</span><span class="NAME">config</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>554</span> </span><span class="WHIT"> </span><span class="NAME">Karma</span><span class="PUNC">[</span><span class="NAME">type</span><span class="PUNC">]</span><span class="PUNC">[</span><span class="NAME">config.name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">asset</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>555</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>556</span> </span><span class="WHIT"> +<span class='line'>557</span> </span><span class="NAME">configs.forEach</span><span class="PUNC">(</span><span class="KEYW">function</span><span class="PUNC">(</span><span class="NAME">config</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> </span><span class="NAME">makeAsset</span><span class="PUNC">(</span><span class="NAME">config</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="PUNC">}</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>558</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>559</span> +<span class='line'>560</span> +<span class='line'>561</span> <span class='line'>562</span> <span class='line'>563</span> -<span class='line'>564</span> +<span class='line'>564</span> </span><span class="COMM">//Prototype objects for assets</span><span class="WHIT"> <span class='line'>565</span> <span class='line'>566</span> -<span class='line'>567</span> </span><span class="COMM">//Prototype objects for assets</span><span class="WHIT"> -<span class='line'>568</span> -<span class='line'>569</span> -<span class='line'>570</span> </span><span class="COMM">/** Prototype object for images -<span class='line'>571</span> * @class This object is the prototype for images submitted to Karma in the -<span class='line'>572</span> * Karma() method -<span class='line'>573</span> * @ throws {Error} if the image asset is set to be localized but -<span class='line'>574</span> * the global locale is not set on the Karma.karma object -<span class='line'>575</span> * @ throws {Error} if the name and file properties are not supplied -<span class='line'>576</span> * @example -<span class='line'>577</span> * kImage is the prototype object for images. This 'media' asset is loaded -<span class='line'>578</span> * in a distinctly different way from the canvas or svg assets. -<span class='line'>579</span> * -<span class='line'>580</span> */</span><span class="WHIT"> -<span class='line'>581</span> </span><span class="NAME">Karma.kImage</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> -<span class='line'>582</span> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>583</span> </span><span class="WHIT"> </span><span class="COMM">/** file location of image -<span class='line'>584</span> * @type String -<span class='line'>585</span> * @default "" -<span class='line'>586</span> */</span><span class="WHIT"> -<span class='line'>587</span> </span><span class="WHIT"> </span><span class="NAME">file</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>588</span> </span><span class="WHIT"> </span><span class="COMM">/** media object -<span class='line'>589</span> * @type Image -<span class='line'>590</span> * @default undefined -<span class='line'>591</span> */</span><span class="WHIT"> -<span class='line'>592</span> </span><span class="NAME">media</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>593</span> </span><span class="WHIT"> </span><span class="COMM">//actual path to the file</span><span class="WHIT"> -<span class='line'>594</span> </span><span class="WHIT"> </span><span class="NAME">_path</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>595</span> </span><span class="WHIT"> </span><span class="COMM">//if using localized version of this image</span><span class="WHIT"> -<span class='line'>596</span> </span><span class="WHIT"> </span><span class="NAME">_localized</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>597</span> </span><span class="WHIT"> </span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">"image"</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>598</span> </span><span class="COMM">//initializes kImage instance with values provided by user</span><span class="WHIT"> -<span class='line'>599</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">image</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>600</span> </span><span class="WHIT"> </span><span class="NAME">image._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">image._localized</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>601</span> </span><span class="WHIT"> </span><span class="NAME">Karma.karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>602</span> -<span class='line'>603</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">image.name</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">image.file</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>604</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"properties name and file have to be defined"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>605</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>606</span> </span><span class="WHIT"> </span><span class="NAME">this.name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">image.name</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>607</span> </span><span class="WHIT"> </span><span class="NAME">this.file</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">image.file</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>608</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>609</span> -<span class='line'>610</span> </span><span class="WHIT"> </span><span class="NAME">this.media</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Image</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>611</span> -<span class='line'>612</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">Karma._isLocalized</span><span class="PUNC">(</span><span class="NAME">image._localized</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>613</span> </span><span class="WHIT"> </span><span class="NAME">this._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">image._localized</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>614</span> </span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.karma._localePath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"image/"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>615</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>616</span> </span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.karma._assetPath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"image/"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>617</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>618</span> -<span class='line'>619</span> </span><span class="WHIT"> </span><span class="COMM">//IMPORTANT: This one magic line loads the file</span><span class="WHIT"> -<span class='line'>620</span> </span><span class="WHIT"> </span><span class="NAME">this.media.src</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.src</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this.file</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>621</span> </span><span class="WHIT"> -<span class='line'>622</span> </span><span class="COMM">//add event handlers</span><span class="WHIT"> -<span class='line'>623</span> </span><span class="WHIT"> </span><span class="NAME">this._addEventHandlers</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>624</span> -<span class='line'>625</span> </span><span class="WHIT"> -<span class='line'>626</span> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>627</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>628</span> </span><span class="WHIT"> </span><span class="COMM">//Adds event handlers to update the counters when </span><span class="WHIT"> -<span class='line'>629</span> </span><span class="WHIT"> </span><span class="COMM">//the image is successfully or unsuccessfully loaded</span><span class="WHIT"> -<span class='line'>630</span> </span><span class="WHIT"> </span><span class="NAME">_addEventHandlers</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>631</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>632</span> -<span class='line'>633</span> </span><span class="WHIT"> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> -<span class='line'>634</span> </span><span class="WHIT"> </span><span class="STRN">"load"</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>635</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>636</span> </span><span class="NAME">Karma.karma._counters.loaded</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>637</span> </span><span class="WHIT"> </span><span class="NAME">Karma.karma._updateStatus</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>638</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"loaded"</span><span class="PUNC">;</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>639</span> </span><span class="WHIT"> -<span class='line'>640</span> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> -<span class='line'>641</span> </span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>642</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>643</span> </span><span class="NAME">Karma.karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>644</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>645</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"Error: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>646</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" cannot be loaded."</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>647</span> </span><span class="NAME">Karma.karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>648</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>649</span> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>650</span> </span><span class="WHIT"> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> -<span class='line'>651</span> </span><span class="WHIT"> </span><span class="STRN">"abort"</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>652</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>653</span> </span><span class="NAME">Karma.karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>654</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"aborted"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>655</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"ABORT: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>656</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" loading was aborted."</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>657</span> </span><span class="NAME">Karma.karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>658</span> -<span class='line'>659</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>660</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>661</span> </span><span class="WHIT"> -<span class='line'>662</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>663</span> -<span class='line'>664</span> </span><span class="COMM">/** Prototype object for audio files -<span class='line'>665</span> * @class This object is the prototype for audio files submitted to Karma in the -<span class='line'>666</span> * Karma() method -<span class='line'>667</span> * @ throws {Error} if the individual audio asset is set to be localized but -<span class='line'>668</span> * the globale locale is not set on the Karma.karma object -<span class='line'>669</span> * @ throws {Error} if the name and file properties are not supplied -<span class='line'>670</span> * @example -<span class='line'>671</span> * kAudio is the prototype object for audio -<span class='line'>672</span> * The audio assets are loaded in a distinctly different way -<span class='line'>673</span> * from the canvas or svg assets. They also have distinctly different -<span class='line'>674</span> * helper methods -<span class='line'>675</span> * -<span class='line'>676</span> * You initialize the kAudio assets by passing an array of objects -<span class='line'>677</span> */</span><span class="WHIT"> -<span class='line'>678</span> </span><span class="NAME">Karma.kAudio</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>679</span> </span><span class="WHIT"> </span><span class="COMM">/** file location of asset -<span class='line'>680</span> * @type String -<span class='line'>681</span> * @default "" -<span class='line'>682</span> */</span><span class="WHIT"> -<span class='line'>683</span> </span><span class="WHIT"> </span><span class="NAME">file</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>684</span> </span><span class="WHIT"> </span><span class="COMM">/** Media object. You can access the src, autobuffer, autoplay, loop, and -<span class='line'>685</span> * controls attributes -<span class='line'>686</span> * via the media property of kAudio. Read more about the properties of the <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/video.html#media-element-attributes">HTML 5 media element</a> -<span class='line'>687</span> * @type Audio -<span class='line'>688</span> * @default undefined -<span class='line'>689</span> */</span><span class="WHIT"> -<span class='line'>690</span> </span><span class="NAME">media</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>691</span> </span><span class="WHIT"> </span><span class="COMM">//actual path to the file</span><span class="WHIT"> -<span class='line'>692</span> </span><span class="WHIT"> </span><span class="NAME">_path</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>693</span> </span><span class="WHIT"> </span><span class="COMM">//if using localized version of this asset</span><span class="WHIT"> -<span class='line'>694</span> </span><span class="WHIT"> </span><span class="NAME">_localized</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>695</span> </span><span class="WHIT"> </span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">"audio"</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>696</span> </span><span class="COMM">//initializes kAudio instance with values provided by user</span><span class="WHIT"> -<span class='line'>697</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">audio</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>698</span> </span><span class="WHIT"> </span><span class="NAME">audio._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">audio._localized</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>699</span> </span><span class="WHIT"> </span><span class="NAME">Karma.karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>700</span> -<span class='line'>701</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">audio.name</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">audio.file</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>702</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"properties name and file have to be defined"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>703</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>704</span> </span><span class="WHIT"> </span><span class="NAME">this.name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">audio.name</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>705</span> </span><span class="WHIT"> </span><span class="NAME">this.file</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">audio.file</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>706</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>707</span> -<span class='line'>708</span> </span><span class="WHIT"> </span><span class="NAME">this.media</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Audio</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>709</span> -<span class='line'>710</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">Karma._isLocalized</span><span class="PUNC">(</span><span class="NAME">audio._localized</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>711</span> </span><span class="WHIT"> </span><span class="NAME">this._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">audio._localized</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>712</span> </span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.karma._localePath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"audio/"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>713</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>714</span> </span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.karma._assetPath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"audio/"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>715</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>716</span> -<span class='line'>717</span> -<span class='line'>718</span> </span><span class="WHIT"> </span><span class="COMM">//IMPORTANT: This one magic line loads the file</span><span class="WHIT"> -<span class='line'>719</span> </span><span class="WHIT"> </span><span class="NAME">this.media.src</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.src</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this.file</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>720</span> </span><span class="WHIT"> -<span class='line'>721</span> </span><span class="COMM">//add event handlers</span><span class="WHIT"> -<span class='line'>722</span> </span><span class="WHIT"> </span><span class="NAME">this._addEventHandlers</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>567</span> </span><span class="COMM">/** Prototype object for images +<span class='line'>568</span> * @class This object is the prototype for images submitted to Karma in the +<span class='line'>569</span> * Karma() method +<span class='line'>570</span> * @ throws {Error} if the image asset is set to be localized but +<span class='line'>571</span> * the global locale is not set on the Karma object +<span class='line'>572</span> * @ throws {Error} if the name and file properties are not supplied +<span class='line'>573</span> * @example +<span class='line'>574</span> * kImage is the prototype object for images. This 'media' asset is loaded +<span class='line'>575</span> * in a distinctly different way from the canvas or svg assets. +<span class='line'>576</span> * +<span class='line'>577</span> */</span><span class="WHIT"> +<span class='line'>578</span> </span><span class="NAME">Karma.kImage</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> +<span class='line'>579</span> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>580</span> </span><span class="WHIT"> </span><span class="COMM">/** file location of image +<span class='line'>581</span> * @type String +<span class='line'>582</span> * @default "" +<span class='line'>583</span> */</span><span class="WHIT"> +<span class='line'>584</span> </span><span class="WHIT"> </span><span class="NAME">file</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>585</span> </span><span class="WHIT"> </span><span class="COMM">/** media object +<span class='line'>586</span> * @type Image +<span class='line'>587</span> * @default undefined +<span class='line'>588</span> */</span><span class="WHIT"> +<span class='line'>589</span> </span><span class="NAME">media</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>590</span> </span><span class="WHIT"> </span><span class="COMM">//actual path to the file</span><span class="WHIT"> +<span class='line'>591</span> </span><span class="WHIT"> </span><span class="NAME">_path</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>592</span> </span><span class="WHIT"> </span><span class="COMM">//if using localized version of this image</span><span class="WHIT"> +<span class='line'>593</span> </span><span class="WHIT"> </span><span class="NAME">_localized</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>594</span> </span><span class="WHIT"> </span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">"image"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>595</span> </span><span class="COMM">//initializes kImage instance with values provided by user</span><span class="WHIT"> +<span class='line'>596</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">image</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>597</span> </span><span class="WHIT"> </span><span class="NAME">image._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">image._localized</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>598</span> </span><span class="WHIT"> </span><span class="NAME">Karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>599</span> +<span class='line'>600</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">image.name</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">image.file</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>601</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"properties name and file have to be defined"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>602</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>603</span> </span><span class="WHIT"> </span><span class="NAME">this.name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">image.name</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>604</span> </span><span class="WHIT"> </span><span class="NAME">this.file</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">image.file</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>605</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>606</span> +<span class='line'>607</span> </span><span class="WHIT"> </span><span class="NAME">this.media</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Image</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>608</span> +<span class='line'>609</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">Karma._isLocalized</span><span class="PUNC">(</span><span class="NAME">image._localized</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>610</span> </span><span class="WHIT"> </span><span class="NAME">this._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">image._localized</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>611</span> </span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma._localePath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"image/"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>612</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>613</span> </span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma._assetPath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"image/"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>614</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>615</span> +<span class='line'>616</span> </span><span class="WHIT"> </span><span class="COMM">//IMPORTANT: This one magic line loads the file</span><span class="WHIT"> +<span class='line'>617</span> </span><span class="WHIT"> </span><span class="NAME">this.media.src</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.src</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this.file</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>618</span> </span><span class="WHIT"> +<span class='line'>619</span> </span><span class="COMM">//add event handlers</span><span class="WHIT"> +<span class='line'>620</span> </span><span class="WHIT"> </span><span class="NAME">this._addEventHandlers</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>621</span> +<span class='line'>622</span> </span><span class="WHIT"> +<span class='line'>623</span> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>624</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>625</span> </span><span class="WHIT"> </span><span class="COMM">//Adds event handlers to update the counters when </span><span class="WHIT"> +<span class='line'>626</span> </span><span class="WHIT"> </span><span class="COMM">//the image is successfully or unsuccessfully loaded</span><span class="WHIT"> +<span class='line'>627</span> </span><span class="WHIT"> </span><span class="NAME">_addEventHandlers</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>628</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>629</span> +<span class='line'>630</span> </span><span class="WHIT"> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> +<span class='line'>631</span> </span><span class="WHIT"> </span><span class="STRN">"load"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>632</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>633</span> </span><span class="NAME">Karma._counters.loaded</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>634</span> </span><span class="WHIT"> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>635</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"loaded"</span><span class="PUNC">;</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>636</span> </span><span class="WHIT"> +<span class='line'>637</span> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> +<span class='line'>638</span> </span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>639</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>640</span> </span><span class="NAME">Karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>641</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>642</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"Error: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>643</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" cannot be loaded."</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>644</span> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>645</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>646</span> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>647</span> </span><span class="WHIT"> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> +<span class='line'>648</span> </span><span class="WHIT"> </span><span class="STRN">"abort"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>649</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>650</span> </span><span class="NAME">Karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>651</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"aborted"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>652</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"ABORT: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>653</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" loading was aborted."</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>654</span> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>655</span> +<span class='line'>656</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>657</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>658</span> </span><span class="WHIT"> +<span class='line'>659</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>660</span> +<span class='line'>661</span> </span><span class="COMM">/** Prototype object for audio files +<span class='line'>662</span> * @class This object is the prototype for audio files submitted to Karma in the +<span class='line'>663</span> * Karma() method +<span class='line'>664</span> * @ throws {Error} if the individual audio asset is set to be localized but +<span class='line'>665</span> * the globale locale is not set on the Karma object +<span class='line'>666</span> * @ throws {Error} if the name and file properties are not supplied +<span class='line'>667</span> * @example +<span class='line'>668</span> * kAudio is the prototype object for audio +<span class='line'>669</span> * The audio assets are loaded in a distinctly different way +<span class='line'>670</span> * from the canvas or svg assets. They also have distinctly different +<span class='line'>671</span> * helper methods +<span class='line'>672</span> * +<span class='line'>673</span> * You initialize the kAudio assets by passing an array of objects +<span class='line'>674</span> */</span><span class="WHIT"> +<span class='line'>675</span> </span><span class="NAME">Karma.kAudio</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>676</span> </span><span class="WHIT"> </span><span class="COMM">/** file location of asset +<span class='line'>677</span> * @type String +<span class='line'>678</span> * @default "" +<span class='line'>679</span> */</span><span class="WHIT"> +<span class='line'>680</span> </span><span class="WHIT"> </span><span class="NAME">file</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>681</span> </span><span class="WHIT"> </span><span class="COMM">/** Media object. You can access the src, autobuffer, autoplay, loop, and +<span class='line'>682</span> * controls attributes +<span class='line'>683</span> * via the media property of kAudio. Read more about the properties of the <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/video.html#media-element-attributes">HTML 5 media element</a> +<span class='line'>684</span> * @type Audio +<span class='line'>685</span> * @default undefined +<span class='line'>686</span> */</span><span class="WHIT"> +<span class='line'>687</span> </span><span class="NAME">media</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>688</span> </span><span class="WHIT"> </span><span class="COMM">//actual path to the file</span><span class="WHIT"> +<span class='line'>689</span> </span><span class="WHIT"> </span><span class="NAME">_path</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>690</span> </span><span class="WHIT"> </span><span class="COMM">//if using localized version of this asset</span><span class="WHIT"> +<span class='line'>691</span> </span><span class="WHIT"> </span><span class="NAME">_localized</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>692</span> </span><span class="WHIT"> </span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">"audio"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>693</span> </span><span class="COMM">//initializes kAudio instance with values provided by user</span><span class="WHIT"> +<span class='line'>694</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">audio</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>695</span> </span><span class="WHIT"> </span><span class="NAME">audio._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">audio._localized</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>696</span> </span><span class="WHIT"> </span><span class="NAME">Karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>697</span> +<span class='line'>698</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">audio.name</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">audio.file</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>699</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"properties name and file have to be defined"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>700</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>701</span> </span><span class="WHIT"> </span><span class="NAME">this.name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">audio.name</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>702</span> </span><span class="WHIT"> </span><span class="NAME">this.file</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">audio.file</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>703</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>704</span> +<span class='line'>705</span> </span><span class="WHIT"> </span><span class="NAME">this.media</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Audio</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>706</span> +<span class='line'>707</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">Karma._isLocalized</span><span class="PUNC">(</span><span class="NAME">audio._localized</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>708</span> </span><span class="WHIT"> </span><span class="NAME">this._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">audio._localized</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>709</span> </span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma._localePath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"audio/"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>710</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>711</span> </span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma._assetPath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"audio/"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>712</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>713</span> +<span class='line'>714</span> +<span class='line'>715</span> </span><span class="WHIT"> </span><span class="COMM">//IMPORTANT: This one magic line loads the file</span><span class="WHIT"> +<span class='line'>716</span> </span><span class="WHIT"> </span><span class="NAME">this.media.src</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.src</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this.file</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>717</span> </span><span class="WHIT"> +<span class='line'>718</span> </span><span class="COMM">//add event handlers</span><span class="WHIT"> +<span class='line'>719</span> </span><span class="WHIT"> </span><span class="NAME">this._addEventHandlers</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>720</span> +<span class='line'>721</span> </span><span class="WHIT"> </span><span class="NAME">this.media.autobuffer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>722</span> </span><span class="WHIT"> </span><span class="NAME">this.media.load</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> <span class='line'>723</span> -<span class='line'>724</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">this._type</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="STRN">"audio"</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>725</span> </span><span class="WHIT"> </span><span class="NAME">this.media.autobuffer</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>726</span> </span><span class="WHIT"> </span><span class="NAME">this.media.load</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>727</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>728</span> -<span class='line'>729</span> </span><span class="WHIT"> -<span class='line'>730</span> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>731</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>732</span> </span><span class="WHIT"> </span><span class="COMM">//Adds event handlers to update the counters when </span><span class="WHIT"> -<span class='line'>733</span> </span><span class="WHIT"> </span><span class="COMM">//the asset is successfully or unsuccessfully loaded</span><span class="WHIT"> -<span class='line'>734</span> </span><span class="WHIT"> </span><span class="NAME">_addEventHandlers</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>735</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>736</span> </span><span class="WHIT"> </span><span class="COMM">//'canplaythrough' event is a Browser Hack recommended by chromium devs</span><span class="WHIT"> -<span class='line'>737</span> </span><span class="WHIT"> </span><span class="COMM">//http://code.google.com/p/chromium/issues/detail?id=20251&q=loading%20audio&colspec=ID%20Stars%20Pri%20Area%20Type%20Status%20Summary%20Modified%20Owner%20Mstone%20OS#c4</span><span class="WHIT"> -<span class='line'>738</span> -<span class='line'>739</span> </span><span class="WHIT"> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> -<span class='line'>740</span> </span><span class="WHIT"> </span><span class="STRN">"canplaythrough"</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>741</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>742</span> </span><span class="NAME">Karma.karma._counters.loaded</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>743</span> </span><span class="WHIT"> </span><span class="NAME">Karma.karma._updateStatus</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>744</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"loaded"</span><span class="PUNC">;</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>745</span> </span><span class="WHIT"> -<span class='line'>746</span> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> -<span class='line'>747</span> </span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>748</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>749</span> </span><span class="NAME">Karma.karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>750</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>751</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"Error: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>752</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" cannot be loaded."</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>753</span> </span><span class="NAME">Karma.karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>754</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>755</span> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>756</span> </span><span class="WHIT"> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> -<span class='line'>757</span> </span><span class="WHIT"> </span><span class="STRN">"abort"</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>758</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>759</span> </span><span class="NAME">Karma.karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>760</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"aborted"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>761</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"ABORT: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>762</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" loading was aborted."</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>763</span> </span><span class="NAME">Karma.karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>764</span> -<span class='line'>765</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>766</span> -<span class='line'>767</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>768</span> </span><span class="WHIT"> </span><span class="COMM">/** Plays the audio file */</span><span class="WHIT"> -<span class='line'>769</span> </span><span class="WHIT"> </span><span class="NAME">play</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>770</span> </span><span class="WHIT"> </span><span class="NAME">this.media.play</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>771</span> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>772</span> </span><span class="WHIT"> -<span class='line'>773</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>774</span> -<span class='line'>775</span> </span><span class="COMM">/** NYI:Prototype object for Video files -<span class='line'>776</span> * @class Not Yet Implemented:This object is the prototype for video files submitted -<span class='line'>777</span> * to Karma in the Karma() method -<span class='line'>778</span> * @ throws {Error} if the individual video asset is set to be localized but -<span class='line'>779</span> * the globale locale is not set on the Karma.karma object -<span class='line'>780</span> * @ throws {Error} if the name and file properties are not supplied -<span class='line'>781</span> */</span><span class="WHIT"> -<span class='line'>782</span> </span><span class="NAME">Karma.kVideo</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>783</span> </span><span class="WHIT"> </span><span class="COMM">/** file location of asset -<span class='line'>784</span> * @type String -<span class='line'>785</span> * @default "" -<span class='line'>786</span> */</span><span class="WHIT"> -<span class='line'>787</span> </span><span class="WHIT"> </span><span class="NAME">file</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>788</span> </span><span class="WHIT"> </span><span class="COMM">/** media object -<span class='line'>789</span> * @type Video -<span class='line'>790</span> * @default undefined -<span class='line'>791</span> */</span><span class="WHIT"> -<span class='line'>792</span> </span><span class="NAME">media</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>793</span> </span><span class="WHIT"> </span><span class="COMM">//actual path to the file</span><span class="WHIT"> -<span class='line'>794</span> </span><span class="WHIT"> </span><span class="NAME">_path</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>795</span> </span><span class="WHIT"> </span><span class="COMM">//if using localized version of this asset</span><span class="WHIT"> -<span class='line'>796</span> </span><span class="WHIT"> </span><span class="NAME">_localized</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>797</span> </span><span class="WHIT"> </span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">"video"</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>798</span> </span><span class="COMM">//initializes kVideo instance with values provided by user</span><span class="WHIT"> -<span class='line'>799</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">video</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>800</span> </span><span class="WHIT"> </span><span class="COMM">//Not Yet Implemented</span><span class="WHIT"> -<span class='line'>801</span> </span><span class="WHIT"> </span><span class="NAME">Karma.karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>802</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"Video is not Yet Implemented"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>803</span> -<span class='line'>804</span> </span><span class="WHIT"> </span><span class="NAME">video._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">video._localized</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>805</span> </span><span class="WHIT"> </span><span class="NAME">Karma.karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>806</span> -<span class='line'>807</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">video.name</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">video.file</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>808</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"properties name and file have to be defined"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>809</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>810</span> </span><span class="WHIT"> </span><span class="NAME">this.name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">video.name</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>811</span> </span><span class="WHIT"> </span><span class="NAME">this.file</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">video.file</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>812</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>813</span> -<span class='line'>814</span> </span><span class="WHIT"> </span><span class="NAME">this.media</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Video</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>815</span> -<span class='line'>816</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">Karma._isLocalized</span><span class="PUNC">(</span><span class="NAME">video._localized</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>817</span> </span><span class="WHIT"> </span><span class="NAME">this._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">video._localized</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>818</span> </span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.karma._localePath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"video/"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>819</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>820</span> </span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma.karma._assetPath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"video/"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>821</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>822</span> -<span class='line'>823</span> -<span class='line'>824</span> </span><span class="WHIT"> </span><span class="COMM">//IMPORTANT: This one magic line loads the file</span><span class="WHIT"> -<span class='line'>825</span> </span><span class="WHIT"> </span><span class="NAME">this.media.src</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.src</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this.file</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>826</span> </span><span class="WHIT"> -<span class='line'>827</span> </span><span class="COMM">//add event handlers</span><span class="WHIT"> -<span class='line'>828</span> </span><span class="WHIT"> </span><span class="NAME">this._addEventHandlers</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>829</span> -<span class='line'>830</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>831</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>832</span> </span><span class="WHIT"> </span><span class="COMM">//Adds event handlers to update the counters when </span><span class="WHIT"> -<span class='line'>833</span> </span><span class="WHIT"> </span><span class="COMM">//the asset is successfully or unsuccessfully loaded</span><span class="WHIT"> -<span class='line'>834</span> </span><span class="WHIT"> </span><span class="NAME">_addEventHandlers</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>835</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>836</span> </span><span class="WHIT"> </span><span class="COMM">//'canplaythrough' event is a Browser Hack recommended by chromium devs</span><span class="WHIT"> -<span class='line'>837</span> </span><span class="WHIT"> </span><span class="COMM">//http://code.google.com/p/chromium/issues/detail?id=20251&q=loading%20audio&colspec=ID%20Stars%20Pri%20Area%20Type%20Status%20Summary%20Modified%20Owner%20Mstone%20OS#c4</span><span class="WHIT"> -<span class='line'>838</span> -<span class='line'>839</span> </span><span class="WHIT"> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> -<span class='line'>840</span> </span><span class="WHIT"> </span><span class="STRN">"canplaythrough"</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>841</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>842</span> </span><span class="NAME">Karma.karma._counters.loaded</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>843</span> </span><span class="WHIT"> </span><span class="NAME">Karma.karma._updateStatus</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>844</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"loaded"</span><span class="PUNC">;</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>845</span> </span><span class="WHIT"> -<span class='line'>846</span> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> -<span class='line'>847</span> </span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>848</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>849</span> </span><span class="NAME">Karma.karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>850</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>851</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"Error: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>852</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" cannot be loaded."</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>853</span> </span><span class="NAME">Karma.karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>854</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>855</span> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>856</span> </span><span class="WHIT"> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> -<span class='line'>857</span> </span><span class="WHIT"> </span><span class="STRN">"abort"</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>858</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>859</span> </span><span class="NAME">Karma.karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>860</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"aborted"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>861</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"ABORT: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>862</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" loading was aborted."</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>863</span> </span><span class="NAME">Karma.karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>864</span> -<span class='line'>865</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>724</span> </span><span class="WHIT"> +<span class='line'>725</span> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>726</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>727</span> </span><span class="WHIT"> </span><span class="COMM">//Adds event handlers to update the counters when </span><span class="WHIT"> +<span class='line'>728</span> </span><span class="WHIT"> </span><span class="COMM">//the asset is successfully or unsuccessfully loaded</span><span class="WHIT"> +<span class='line'>729</span> </span><span class="WHIT"> </span><span class="NAME">_addEventHandlers</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>730</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>731</span> </span><span class="WHIT"> </span><span class="COMM">//'canplaythrough' event is a Browser Hack recommended by chromium devs</span><span class="WHIT"> +<span class='line'>732</span> </span><span class="WHIT"> </span><span class="COMM">//http://code.google.com/p/chromium/issues/detail?id=20251&q=loading%20audio&colspec=ID%20Stars%20Pri%20Area%20Type%20Status%20Summary%20Modified%20Owner%20Mstone%20OS#c4</span><span class="WHIT"> +<span class='line'>733</span> +<span class='line'>734</span> </span><span class="WHIT"> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> +<span class='line'>735</span> </span><span class="WHIT"> </span><span class="STRN">"canplaythrough"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>736</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>737</span> </span><span class="NAME">Karma._counters.loaded</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>738</span> </span><span class="WHIT"> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>739</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"loaded"</span><span class="PUNC">;</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>740</span> </span><span class="WHIT"> +<span class='line'>741</span> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> +<span class='line'>742</span> </span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>743</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>744</span> </span><span class="NAME">Karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>745</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>746</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"Error: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>747</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" cannot be loaded."</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>748</span> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>749</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>750</span> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>751</span> </span><span class="WHIT"> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> +<span class='line'>752</span> </span><span class="WHIT"> </span><span class="STRN">"abort"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>753</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>754</span> </span><span class="NAME">Karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>755</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"aborted"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>756</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"ABORT: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>757</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" loading was aborted."</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>758</span> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>759</span> +<span class='line'>760</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>761</span> +<span class='line'>762</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>763</span> </span><span class="WHIT"> </span><span class="COMM">/** Plays the audio file */</span><span class="WHIT"> +<span class='line'>764</span> </span><span class="WHIT"> </span><span class="NAME">play</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>765</span> </span><span class="WHIT"> </span><span class="NAME">this.media.play</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>766</span> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>767</span> </span><span class="WHIT"> +<span class='line'>768</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>769</span> +<span class='line'>770</span> </span><span class="COMM">/** NYI:Prototype object for Video files +<span class='line'>771</span> * @class Not Yet Implemented:This object is the prototype for video files submitted +<span class='line'>772</span> * to Karma in the Karma() method +<span class='line'>773</span> * @ throws {Error} if the individual video asset is set to be localized but +<span class='line'>774</span> * the globale locale is not set on the Karma object +<span class='line'>775</span> * @ throws {Error} if the name and file properties are not supplied +<span class='line'>776</span> */</span><span class="WHIT"> +<span class='line'>777</span> </span><span class="NAME">Karma.kVideo</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>778</span> </span><span class="WHIT"> </span><span class="COMM">/** file location of asset +<span class='line'>779</span> * @type String +<span class='line'>780</span> * @default "" +<span class='line'>781</span> */</span><span class="WHIT"> +<span class='line'>782</span> </span><span class="WHIT"> </span><span class="NAME">file</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>783</span> </span><span class="WHIT"> </span><span class="COMM">/** media object +<span class='line'>784</span> * @type Video +<span class='line'>785</span> * @default undefined +<span class='line'>786</span> */</span><span class="WHIT"> +<span class='line'>787</span> </span><span class="NAME">media</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>788</span> </span><span class="WHIT"> </span><span class="COMM">//actual path to the file</span><span class="WHIT"> +<span class='line'>789</span> </span><span class="WHIT"> </span><span class="NAME">_path</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>790</span> </span><span class="WHIT"> </span><span class="COMM">//if using localized version of this asset</span><span class="WHIT"> +<span class='line'>791</span> </span><span class="WHIT"> </span><span class="NAME">_localized</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>792</span> </span><span class="WHIT"> </span><span class="NAME">_type</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">"video"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>793</span> </span><span class="COMM">//initializes kVideo instance with values provided by user</span><span class="WHIT"> +<span class='line'>794</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">video</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>795</span> </span><span class="WHIT"> </span><span class="COMM">//Not Yet Implemented</span><span class="WHIT"> +<span class='line'>796</span> </span><span class="WHIT"> </span><span class="NAME">Karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>797</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"Video is not Yet Implemented"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>798</span> +<span class='line'>799</span> </span><span class="WHIT"> </span><span class="NAME">video._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">video._localized</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>800</span> </span><span class="WHIT"> </span><span class="NAME">Karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>801</span> +<span class='line'>802</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">video.name</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">video.file</span><span class="WHIT"> </span><span class="PUNC">===</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>803</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"properties name and file have to be defined"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>804</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>805</span> </span><span class="WHIT"> </span><span class="NAME">this.name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">video.name</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>806</span> </span><span class="WHIT"> </span><span class="NAME">this.file</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">video.file</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>807</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>808</span> +<span class='line'>809</span> </span><span class="WHIT"> </span><span class="NAME">this.media</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Video</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>810</span> +<span class='line'>811</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">Karma._isLocalized</span><span class="PUNC">(</span><span class="NAME">video._localized</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>812</span> </span><span class="WHIT"> </span><span class="NAME">this._localized</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">video._localized</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>813</span> </span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma._localePath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"video/"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>814</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>815</span> </span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">Karma._assetPath</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">"video/"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>816</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>817</span> +<span class='line'>818</span> +<span class='line'>819</span> </span><span class="WHIT"> </span><span class="COMM">//IMPORTANT: This one magic line loads the file</span><span class="WHIT"> +<span class='line'>820</span> </span><span class="WHIT"> </span><span class="NAME">this.media.src</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.src</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this._path</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">this.file</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>821</span> </span><span class="WHIT"> +<span class='line'>822</span> </span><span class="COMM">//add event handlers</span><span class="WHIT"> +<span class='line'>823</span> </span><span class="WHIT"> </span><span class="NAME">this._addEventHandlers</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>824</span> +<span class='line'>825</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>826</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>827</span> </span><span class="WHIT"> </span><span class="COMM">//Adds event handlers to update the counters when </span><span class="WHIT"> +<span class='line'>828</span> </span><span class="WHIT"> </span><span class="COMM">//the asset is successfully or unsuccessfully loaded</span><span class="WHIT"> +<span class='line'>829</span> </span><span class="WHIT"> </span><span class="NAME">_addEventHandlers</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>830</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>831</span> </span><span class="WHIT"> </span><span class="COMM">//'canplaythrough' event is a Browser Hack recommended by chromium devs</span><span class="WHIT"> +<span class='line'>832</span> </span><span class="WHIT"> </span><span class="COMM">//http://code.google.com/p/chromium/issues/detail?id=20251&q=loading%20audio&colspec=ID%20Stars%20Pri%20Area%20Type%20Status%20Summary%20Modified%20Owner%20Mstone%20OS#c4</span><span class="WHIT"> +<span class='line'>833</span> +<span class='line'>834</span> </span><span class="WHIT"> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> +<span class='line'>835</span> </span><span class="WHIT"> </span><span class="STRN">"canplaythrough"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>836</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>837</span> </span><span class="NAME">Karma._counters.loaded</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>838</span> </span><span class="WHIT"> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>839</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"loaded"</span><span class="PUNC">;</span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>840</span> </span><span class="WHIT"> +<span class='line'>841</span> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> +<span class='line'>842</span> </span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>843</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>844</span> </span><span class="NAME">Karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>845</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>846</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"Error: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>847</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" cannot be loaded."</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>848</span> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>849</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>850</span> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>851</span> </span><span class="WHIT"> </span><span class="NAME">that.media.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> +<span class='line'>852</span> </span><span class="WHIT"> </span><span class="STRN">"abort"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>853</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>854</span> </span><span class="NAME">Karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>855</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"aborted"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>856</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"ABORT: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>857</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" loading was aborted."</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>858</span> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>859</span> +<span class='line'>860</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>861</span> +<span class='line'>862</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>863</span> </span><span class="WHIT"> +<span class='line'>864</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>865</span> <span class='line'>866</span> -<span class='line'>867</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>868</span> </span><span class="WHIT"> -<span class='line'>869</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>870</span> -<span class='line'>871</span> -<span class='line'>872</span> -<span class='line'>873</span> </span><span class="COMM">/** Prototype object for each canvas element submitted to Karma in the -<span class='line'>874</span> * Karma() method -<span class='line'>875</span> * @throws {Error} if the name and domId for the canvas element are not specified -<span class='line'>876</span> * @thows {Error} if the supplied domId does not match an element in the DOM -<span class='line'>877</span> * @class This object is the prototype for each canvas element submitted to Karma in the -<span class='line'>878</span> * Karma() method -<span class='line'>879</span> */</span><span class="WHIT"> -<span class='line'>880</span> </span><span class="NAME">Karma.kCanvas</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>881</span> </span><span class="WHIT"> </span><span class="COMM">/** Name of the canvas, used internally by karma.js -<span class='line'>882</span> * @type String -<span class='line'>883</span> * @default '' +<span class='line'>867</span> +<span class='line'>868</span> </span><span class="COMM">/** Prototype object for each canvas element submitted to Karma in the +<span class='line'>869</span> * Karma() method +<span class='line'>870</span> * @throws {Error} if the name and domId for the canvas element are not specified +<span class='line'>871</span> * @thows {Error} if the supplied domId does not match an element in the DOM +<span class='line'>872</span> * @class This object is the prototype for each canvas element submitted to Karma in the +<span class='line'>873</span> * Karma() method +<span class='line'>874</span> */</span><span class="WHIT"> +<span class='line'>875</span> </span><span class="NAME">Karma.kCanvas</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>876</span> </span><span class="WHIT"> </span><span class="COMM">/** Name of the canvas, used internally by karma.js +<span class='line'>877</span> * @type String +<span class='line'>878</span> * @default '' +<span class='line'>879</span> */</span><span class="WHIT"> +<span class='line'>880</span> </span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">''</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>881</span> </span><span class="WHIT"> </span><span class="COMM">/** Width of canvas element +<span class='line'>882</span> * @type Number +<span class='line'>883</span> * @default 0 <span class='line'>884</span> */</span><span class="WHIT"> -<span class='line'>885</span> </span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">''</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>886</span> </span><span class="WHIT"> </span><span class="COMM">/** Width of canvas element +<span class='line'>885</span> </span><span class="WHIT"> </span><span class="NAME">width</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>886</span> </span><span class="WHIT"> </span><span class="COMM">/** Height of canvas element <span class='line'>887</span> * @type Number <span class='line'>888</span> * @default 0 <span class='line'>889</span> */</span><span class="WHIT"> -<span class='line'>890</span> </span><span class="WHIT"> </span><span class="NAME">width</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>891</span> </span><span class="WHIT"> </span><span class="COMM">/** Height of canvas element -<span class='line'>892</span> * @type Number -<span class='line'>893</span> * @default 0 +<span class='line'>890</span> </span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>891</span> </span><span class="WHIT"> </span><span class="COMM">/** Whether canvas is visible +<span class='line'>892</span> * @type boolean +<span class='line'>893</span> * @default true <span class='line'>894</span> */</span><span class="WHIT"> -<span class='line'>895</span> </span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>896</span> </span><span class="WHIT"> </span><span class="COMM">/** Whether canvas is visible -<span class='line'>897</span> * @type boolean -<span class='line'>898</span> * @default true +<span class='line'>895</span> </span><span class="WHIT"> </span><span class="NAME">visible</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>896</span> </span><span class="WHIT"> </span><span class="COMM">/** Element ID for canvas element in html document. This value is read-only +<span class='line'>897</span> * @type String +<span class='line'>898</span> * @default undefined <span class='line'>899</span> */</span><span class="WHIT"> -<span class='line'>900</span> </span><span class="WHIT"> </span><span class="NAME">visible</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>901</span> </span><span class="WHIT"> </span><span class="COMM">/** Element ID for canvas element in html document. This value is read-only -<span class='line'>902</span> * @type String +<span class='line'>900</span> </span><span class="WHIT"> </span><span class="NAME">domId</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>901</span> </span><span class="WHIT"> </span><span class="COMM">/** Reference to the DOM element +<span class='line'>902</span> * @type DOMElement <span class='line'>903</span> * @default undefined -<span class='line'>904</span> */</span><span class="WHIT"> -<span class='line'>905</span> </span><span class="WHIT"> </span><span class="NAME">domId</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>906</span> </span><span class="WHIT"> </span><span class="COMM">/** Reference to the DOM element -<span class='line'>907</span> * @type DOMElement -<span class='line'>908</span> * @default undefined -<span class='line'>909</span> * @example -<span class='line'>910</span> * //You can access all properties and methods of the underlying DOM element -<span class='line'>911</span> * //using the 'node' property -<span class='line'>912</span> * Karma.karma.canvas.someCanvas.node.dispatchEvent( ... some event ...); -<span class='line'>913</span> * var stuff = Karma.karma.canvas.someCanvas.node.innerHTML; -<span class='line'>914</span> * -<span class='line'>915</span> */</span><span class="WHIT"> -<span class='line'>916</span> </span><span class="WHIT"> </span><span class="NAME">node</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>917</span> </span><span class="WHIT"> </span><span class="COMM">/** The 2 Dimensional Rendering context property for this canvas -<span class='line'>918</span> * @type 2DRenderingContext -<span class='line'>919</span> * @default undefined -<span class='line'>920</span> * @example -<span class='line'>921</span> * //Almost all of the context attributes and methods are wrapped in helper functions -<span class='line'>922</span> * //but you can also access them directly using the ctx property -<span class='line'>923</span> * Karma.karma.canvas.someCanvas.ctx.drawImage(someImage, x, y); -<span class='line'>924</span> * Karma.karma.canvas.someCanvas.ctx.fillStyle = "#ffffff"; -<span class='line'>925</span> */</span><span class="WHIT"> -<span class='line'>926</span> </span><span class="WHIT"> </span><span class="NAME">ctx</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>927</span> -<span class='line'>928</span> </span><span class="WHIT"> </span><span class="COMM">//initializes object with values provides by user</span><span class="WHIT"> -<span class='line'>929</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">config</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>930</span> </span><span class="WHIT"> </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">option</span><span class="WHIT"> </span><span class="KEYW">in</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>931</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">config.hasOwnProperty</span><span class="PUNC">(</span><span class="NAME">option</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>932</span> </span><span class="WHIT"> </span><span class="KEYW">switch</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">option</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>933</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"name"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>934</span> </span><span class="WHIT"> </span><span class="NAME">this.name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>935</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>936</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"domId"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>937</span> </span><span class="WHIT"> </span><span class="NAME">this.domId</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>938</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>939</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"width"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>940</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">this.height</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>941</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"If you specify a width you must also"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>942</span> </span><span class="WHIT"> </span><span class="STRN">"specify a height"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>943</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>944</span> </span><span class="WHIT"> </span><span class="NAME">this.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>945</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>946</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"height"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>947</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">this.width</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>948</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"If you specify a height you must also"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>949</span> </span><span class="WHIT"> </span><span class="STRN">"specify a width"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>950</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>951</span> </span><span class="WHIT"> </span><span class="NAME">this.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">config.option</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>952</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>953</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"fps"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>954</span> </span><span class="WHIT"> </span><span class="NAME">this.fps</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">config.option</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>955</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>956</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>957</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>958</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>959</span> </span><span class="WHIT"> -<span class='line'>960</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">this.domId</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">document.getElementById</span><span class="PUNC">(</span><span class="NAME">this.domId</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>961</span> </span><span class="WHIT"> </span><span class="NAME">this.node</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.getElementById</span><span class="PUNC">(</span><span class="NAME">this.domId</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>962</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.node.getContext</span><span class="PUNC">(</span><span class="STRN">'2d'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>963</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>964</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">'you must specify a valid domId that'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>965</span> </span><span class="WHIT"> </span><span class="STRN">'is in your html page'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>904</span> * @example +<span class='line'>905</span> * //You can access all properties and methods of the underlying DOM element +<span class='line'>906</span> * //using the 'node' property +<span class='line'>907</span> * Karma.canvas.someCanvas.node.dispatchEvent( ... some event ...); +<span class='line'>908</span> * var stuff = Karma.canvas.someCanvas.node.innerHTML; +<span class='line'>909</span> * +<span class='line'>910</span> */</span><span class="WHIT"> +<span class='line'>911</span> </span><span class="WHIT"> </span><span class="NAME">node</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>912</span> </span><span class="WHIT"> </span><span class="COMM">/** The 2 Dimensional Rendering context property for this canvas +<span class='line'>913</span> * @type 2DRenderingContext +<span class='line'>914</span> * @default undefined +<span class='line'>915</span> * @example +<span class='line'>916</span> * //Almost all of the context attributes and methods are wrapped in helper functions +<span class='line'>917</span> * //but you can also access them directly using the ctx property +<span class='line'>918</span> * Karma.canvas.someCanvas.ctx.drawImage(someImage, x, y); +<span class='line'>919</span> * Karma.canvas.someCanvas.ctx.fillStyle = "#ffffff"; +<span class='line'>920</span> */</span><span class="WHIT"> +<span class='line'>921</span> </span><span class="WHIT"> </span><span class="NAME">ctx</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>922</span> +<span class='line'>923</span> </span><span class="WHIT"> </span><span class="COMM">//initializes object with values provides by user</span><span class="WHIT"> +<span class='line'>924</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">config</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>925</span> </span><span class="WHIT"> </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">option</span><span class="WHIT"> </span><span class="KEYW">in</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>926</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">config.hasOwnProperty</span><span class="PUNC">(</span><span class="NAME">option</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>927</span> </span><span class="WHIT"> </span><span class="KEYW">switch</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">option</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>928</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"name"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>929</span> </span><span class="WHIT"> </span><span class="NAME">this.name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>930</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>931</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"domId"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>932</span> </span><span class="WHIT"> </span><span class="NAME">this.domId</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>933</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>934</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"width"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>935</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">this.height</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>936</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"If you specify a width you must also"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>937</span> </span><span class="WHIT"> </span><span class="STRN">"specify a height"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>938</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>939</span> </span><span class="WHIT"> </span><span class="NAME">this.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>940</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>941</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"height"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>942</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">this.width</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>943</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"If you specify a height you must also"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>944</span> </span><span class="WHIT"> </span><span class="STRN">"specify a width"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>945</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>946</span> </span><span class="WHIT"> </span><span class="NAME">this.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">config.option</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>947</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>948</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"fps"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>949</span> </span><span class="WHIT"> </span><span class="NAME">this.fps</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">config.option</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>950</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>951</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>952</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>953</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>954</span> </span><span class="WHIT"> +<span class='line'>955</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">this.domId</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">document.getElementById</span><span class="PUNC">(</span><span class="NAME">this.domId</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>956</span> </span><span class="WHIT"> </span><span class="NAME">this.node</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.getElementById</span><span class="PUNC">(</span><span class="NAME">this.domId</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>957</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">this.node.getContext</span><span class="PUNC">(</span><span class="STRN">'2d'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>958</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>959</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">'you must specify a valid domId that'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>960</span> </span><span class="WHIT"> </span><span class="STRN">'is in your html page'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>961</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>962</span> +<span class='line'>963</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">config.height</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="PUNC">!</span><span class="NAME">config.width</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>964</span> </span><span class="WHIT"> </span><span class="NAME">this.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">this.node.getAttribute</span><span class="PUNC">(</span><span class="STRN">'width'</span><span class="PUNC">)</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>965</span> </span><span class="WHIT"> </span><span class="NAME">this.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">this.node.getAttribute</span><span class="PUNC">(</span><span class="STRN">'height'</span><span class="PUNC">)</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> <span class='line'>966</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> <span class='line'>967</span> -<span class='line'>968</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">config.height</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="PUNC">!</span><span class="NAME">config.width</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>969</span> </span><span class="WHIT"> </span><span class="NAME">this.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">this.node.getAttribute</span><span class="PUNC">(</span><span class="STRN">'width'</span><span class="PUNC">)</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>970</span> </span><span class="WHIT"> </span><span class="NAME">this.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">this.node.getAttribute</span><span class="PUNC">(</span><span class="STRN">'height'</span><span class="PUNC">)</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>971</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>972</span> -<span class='line'>973</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>974</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>975</span> </span><span class="WHIT"> </span><span class="COMM">/** Clear area of canvas element specified by parameters, if no -<span class='line'>976</span> * parameters supplied, clears entire canvas -<span class='line'>977</span> * @param {Number} [x=0] x coordinate, defaults to zero if left blank -<span class='line'>978</span> * @param {Number} [y=0] y coordinate, defaults to zero if left blank -<span class='line'>979</span> * @param {Number} [width=0] width of area to be cleared, defaults -<span class='line'>980</span> * entire width of canvas -<span class='line'>981</span> * @param {Number} [height=0] height of area to be cleared, defaults -<span class='line'>982</span> * entire height of canvas -<span class='line'>983</span> * @returns this -<span class='line'>984</span> * @example -<span class='line'>985</span> * -<span class='line'>986</span> * k.canvas.ninja.clear(); -<span class='line'>987</span> * // clears the entire ninja canvas -<span class='line'>988</span> * -<span class='line'>989</span> * k.canvas.ninja.clear(0, 10, 20, 30); -<span class='line'>990</span> * //clears a specific portion of the ninja canvas -<span class='line'>991</span> * -<span class='line'>992</span> */</span><span class="WHIT"> -<span class='line'>993</span> </span><span class="WHIT"> </span><span class="NAME">clear</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">x</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">width</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">height</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>994</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>995</span> </span><span class="WHIT"> </span><span class="NAME">that.ctx.clearRect</span><span class="PUNC">(</span><span class="WHIT"> -<span class='line'>996</span> </span><span class="WHIT"> </span><span class="NAME">x</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>997</span> </span><span class="WHIT"> </span><span class="NAME">y</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>998</span> </span><span class="NAME">width</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">that.width</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>999</span> </span><span class="NAME">height</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">that.height</span><span class="WHIT"> -<span class='line'>1000</span> </span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1001</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">that</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1002</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1003</span> </span><span class="WHIT"> -<span class='line'>1004</span> </span><span class="COMM">/** The globalAlpha attribute gives an alpha value that is applied to shapes -<span class='line'>1005</span> * and images before they are composited onto the canvas -<span class='line'>1006</span> * @param {Number} number in the range from 0.0 to 1.0 -<span class='line'>1007</span> * @returns this -<span class='line'>1008</span> */</span><span class="WHIT"> -<span class='line'>1009</span> </span><span class="WHIT"> </span><span class="NAME">globalAlpha</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1010</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'globalAlpha'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1011</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1012</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1013</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1014</span> </span><span class="WHIT"> -<span class='line'>1015</span> </span><span class="COMM">/** Sets the globalCompositeOperation attribute, which sets how shapes and images -<span class='line'>1016</span> * are drawn onto the existing bitmap, once they have had globalAlpha and the -<span class='line'>1017</span> * current transformation matrix applied. -<span class='line'>1018</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1019</span> * @param {String} globalCompositeOperation source-atop, -<span class='line'>1020</span> * source-in, source-out, -<span class='line'>1021</span> * source-over, destination-atop, destination-in, destination-out, destination-over, -<span class='line'>1022</span> * lighter -<span class='line'>1023</span> * @returns this -<span class='line'>1024</span> */</span><span class="WHIT"> -<span class='line'>1025</span> </span><span class="WHIT"> </span><span class="NAME">globalCompositeOperation</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1026</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">' globalCompositeOperation'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1027</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1028</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1029</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1030</span> -<span class='line'>1031</span> </span><span class="WHIT"> </span><span class="COMM">/** Sets the lineWidth attribute which gives the width of lines, in coordinate space -<span class='line'>1032</span> * units. -<span class='line'>1033</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1034</span> * @param {Number} lineWidth -<span class='line'>1035</span> * @returns this -<span class='line'>1036</span> */</span><span class="WHIT"> -<span class='line'>1037</span> </span><span class="WHIT"> </span><span class="NAME">lineWidth</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1038</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'lineWidth'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1039</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1040</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1041</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1042</span> </span><span class="WHIT"> </span><span class="COMM">/** The lineCap attribute defines the type of endings that UAs will place on -<span class='line'>1043</span> * the end of lines. -<span class='line'>1044</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1045</span> * @param {String} type butt, round, square -<span class='line'>1046</span> * @returns this -<span class='line'>1047</span> */</span><span class="WHIT"> -<span class='line'>1048</span> </span><span class="WHIT"> </span><span class="NAME">lineCap</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1049</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'lineCap'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1050</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1051</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1052</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1053</span> </span><span class="WHIT"> </span><span class="COMM">/** The lineJoin attribute defines the type of corners that UAs will place -<span class='line'>1054</span> * where two lines meet. The three valid values are bevel, round, and miter. -<span class='line'>1055</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1056</span> * @param {String} type -<span class='line'>1057</span> * @returns this -<span class='line'>1058</span> */</span><span class="WHIT"> -<span class='line'>1059</span> </span><span class="WHIT"> </span><span class="NAME">lineJoin</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1060</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'lineJoin'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1061</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1062</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1063</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1064</span> </span><span class="WHIT"> -<span class='line'>1065</span> </span><span class="COMM">/** Sets the miter limit -<span class='line'>1066</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1067</span> * @param {Number} number -<span class='line'>1068</span> * @returns this -<span class='line'>1069</span> */</span><span class="WHIT"> -<span class='line'>1070</span> </span><span class="WHIT"> </span><span class="NAME">miterLimit</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1071</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'miterLimit'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1072</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1073</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1074</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1075</span> </span><span class="WHIT"> </span><span class="COMM">/** Sets the font property and takes the same syntax as setting the font property -<span class='line'>1076</span> * in CSS -<span class='line'>1077</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1078</span> * @param {String} -<span class='line'>1079</span> * @returns this -<span class='line'>1080</span> */</span><span class="WHIT"> -<span class='line'>1081</span> </span><span class="WHIT"> </span><span class="NAME">font</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1082</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'font'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1083</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1084</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1085</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1086</span> -<span class='line'>1087</span> </span><span class="WHIT"> </span><span class="COMM">/** Changes the text alignment. The possible values are start, end, left, right, -<span class='line'>1088</span> * and center. The default is start. Other values are ignored. -<span class='line'>1089</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1090</span> * @param {string} alignment -<span class='line'>1091</span> * @returns this -<span class='line'>1092</span> */</span><span class="WHIT"> -<span class='line'>1093</span> </span><span class="WHIT"> </span><span class="NAME">textAlign</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1094</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'textAlign'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1095</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1096</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1097</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1098</span> -<span class='line'>1099</span> </span><span class="WHIT"> </span><span class="COMM">/** Changes the baseline alignment. If the value is one of top, hanging, middle, -<span class='line'>1100</span> * alphabetic, ideographic, or bottom, then the value must be changed to the new value. -<span class='line'>1101</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1102</span> * @param {String} alignment -<span class='line'>1103</span> * @returns this -<span class='line'>1104</span> */</span><span class="WHIT"> -<span class='line'>1105</span> </span><span class="WHIT"> </span><span class="NAME">textBaseline</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1106</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'textBaseline'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1107</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1108</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1109</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1110</span> </span><span class="WHIT"> -<span class='line'>1111</span> </span><span class="COMM">/** Save the current state of the context -<span class='line'>1112</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1113</span> * @param -<span class='line'>1114</span> * @returns this -<span class='line'>1115</span> */</span><span class="WHIT"> -<span class='line'>1116</span> </span><span class="WHIT"> </span><span class="NAME">save</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1117</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'save'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1118</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1119</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1120</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1121</span> </span><span class="WHIT"> </span><span class="COMM">/** Restore the saved context -<span class='line'>1122</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1123</span> * @param -<span class='line'>1124</span> * @returns this -<span class='line'>1125</span> */</span><span class="WHIT"> -<span class='line'>1126</span> </span><span class="WHIT"> </span><span class="NAME">restore</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1127</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'restore'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1128</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1129</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1130</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1131</span> </span><span class="WHIT"> </span><span class="COMM">/** Perform a scale transformation -<span class='line'>1132</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1133</span> * @param -<span class='line'>1134</span> * @returns this -<span class='line'>1135</span> */</span><span class="WHIT"> -<span class='line'>1136</span> </span><span class="WHIT"> </span><span class="NAME">scale</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1137</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'scale'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1138</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1139</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1140</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1141</span> </span><span class="WHIT"> </span><span class="COMM">/** Perform a rotation transformation -<span class='line'>1142</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1143</span> * @param -<span class='line'>1144</span> * @returns this -<span class='line'>1145</span> */</span><span class="WHIT"> -<span class='line'>1146</span> </span><span class="WHIT"> </span><span class="NAME">rotate</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1147</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'rotate'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1148</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1149</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1150</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1151</span> </span><span class="WHIT"> </span><span class="COMM">/** Performa a translation transformation -<span class='line'>1152</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1153</span> * @param -<span class='line'>1154</span> * @returns this -<span class='line'>1155</span> */</span><span class="WHIT"> -<span class='line'>1156</span> </span><span class="WHIT"> </span><span class="NAME">translate</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1157</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'translate'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1158</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1159</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1160</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1161</span> </span><span class="WHIT"> -<span class='line'>1162</span> </span><span class="COMM">/** Transform the identity matrix -<span class='line'>1163</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1164</span> * @param -<span class='line'>1165</span> * @returns this -<span class='line'>1166</span> */</span><span class="WHIT"> -<span class='line'>1167</span> </span><span class="WHIT"> </span><span class="NAME">transform</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1168</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'transform'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1169</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1170</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1171</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1172</span> </span><span class="WHIT"> </span><span class="COMM">/** Set the transform -<span class='line'>1173</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1174</span> * @param -<span class='line'>1175</span> * @returns this -<span class='line'>1176</span> */</span><span class="WHIT"> -<span class='line'>1177</span> </span><span class="WHIT"> </span><span class="NAME">setTransform</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1178</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'setTransform'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1179</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1180</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1181</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1182</span> </span><span class="WHIT"> </span><span class="COMM">/** Clear a rectangular area -<span class='line'>1183</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1184</span> * @param -<span class='line'>1185</span> * @returns this -<span class='line'>1186</span> */</span><span class="WHIT"> -<span class='line'>1187</span> </span><span class="WHIT"> </span><span class="NAME">clearRect</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1188</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'clearRect'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1189</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1190</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1191</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1192</span> </span><span class="WHIT"> </span><span class="COMM">/** Fill a rectangular area -<span class='line'>1193</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1194</span> * @param -<span class='line'>1195</span> * @returns this -<span class='line'>1196</span> */</span><span class="WHIT"> -<span class='line'>1197</span> </span><span class="WHIT"> </span><span class="NAME">fillRect</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1198</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'fillRect'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1199</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1200</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1201</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1202</span> </span><span class="WHIT"> -<span class='line'>1203</span> </span><span class="COMM">/** Draw the outline of the rectangle -<span class='line'>1204</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1205</span> * @param -<span class='line'>1206</span> * @returns this -<span class='line'>1207</span> */</span><span class="WHIT"> -<span class='line'>1208</span> </span><span class="WHIT"> </span><span class="NAME">strokeRect</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1209</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'strokeRect'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1210</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1211</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1212</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1213</span> </span><span class="WHIT"> </span><span class="COMM">/** Begin a path -<span class='line'>1214</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1215</span> * @param -<span class='line'>1216</span> * @returns this -<span class='line'>1217</span> */</span><span class="WHIT"> -<span class='line'>1218</span> </span><span class="WHIT"> </span><span class="NAME">beginPath</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1219</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'beginPath'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1220</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1221</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1222</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1223</span> </span><span class="WHIT"> </span><span class="COMM">/** End a path -<span class='line'>1224</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1225</span> * @param -<span class='line'>1226</span> * @returns this -<span class='line'>1227</span> */</span><span class="WHIT"> -<span class='line'>1228</span> </span><span class="WHIT"> </span><span class="NAME">closePath</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1229</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'closePath'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1230</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1231</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1232</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1233</span> </span><span class="WHIT"> </span><span class="COMM">/** Move to specified coordinates -<span class='line'>1234</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1235</span> * @param -<span class='line'>1236</span> * @returns this -<span class='line'>1237</span> */</span><span class="WHIT"> -<span class='line'>1238</span> </span><span class="WHIT"> </span><span class="NAME">moveTo</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1239</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'moveTo'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1240</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1241</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1242</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1243</span> -<span class='line'>1244</span> -<span class='line'>1245</span> </span><span class="WHIT"> </span><span class="COMM">/** Draw a line to the given coordinates -<span class='line'>1246</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1247</span> * @param -<span class='line'>1248</span> * @returns this -<span class='line'>1249</span> */</span><span class="WHIT"> -<span class='line'>1250</span> </span><span class="WHIT"> </span><span class="NAME">lineTo</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1251</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'lineTo'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1252</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1253</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1254</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1255</span> -<span class='line'>1256</span> </span><span class="WHIT"> </span><span class="COMM">/** Draw a quadratic curve to given coordinates -<span class='line'>1257</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1258</span> * @param -<span class='line'>1259</span> * @returns this -<span class='line'>1260</span> */</span><span class="WHIT"> -<span class='line'>1261</span> </span><span class="WHIT"> </span><span class="NAME">quadraticCurveTo</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1262</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'quadraticCurveTo'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1263</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1264</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1265</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1266</span> </span><span class="WHIT"> </span><span class="COMM">/** Draw a bezier curve to given coordinates -<span class='line'>1267</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1268</span> * @param -<span class='line'>1269</span> * @returns this -<span class='line'>1270</span> */</span><span class="WHIT"> -<span class='line'>1271</span> </span><span class="WHIT"> </span><span class="NAME">bezierCurveTo</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1272</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'bezierCurveTo'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1273</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1274</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1275</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1276</span> </span><span class="WHIT"> </span><span class="COMM">/** Draw an arc to the given points -<span class='line'>1277</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1278</span> * @param -<span class='line'>1279</span> * @returns this -<span class='line'>1280</span> */</span><span class="WHIT"> -<span class='line'>1281</span> </span><span class="WHIT"> </span><span class="NAME">arcTo</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1282</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'arcTo'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1283</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1284</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1285</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1286</span> </span><span class="WHIT"> </span><span class="COMM">/** Create an arc -<span class='line'>1287</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1288</span> * @param -<span class='line'>1289</span> * @returns this -<span class='line'>1290</span> */</span><span class="WHIT"> -<span class='line'>1291</span> </span><span class="WHIT"> </span><span class="NAME">arc</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1292</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'arc'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1293</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1294</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1295</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1296</span> -<span class='line'>1297</span> </span><span class="WHIT"> </span><span class="COMM">/** Create a rectangle -<span class='line'>1298</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1299</span> * @param -<span class='line'>1300</span> * @returns this -<span class='line'>1301</span> */</span><span class="WHIT"> -<span class='line'>1302</span> </span><span class="WHIT"> </span><span class="NAME">rect</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1303</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'rect'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1304</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1305</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1306</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1307</span> </span><span class="WHIT"> </span><span class="COMM">/** fill in the current subpaths with the current fillstyle -<span class='line'>1308</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1309</span> * @param -<span class='line'>1310</span> * @returns this -<span class='line'>1311</span> */</span><span class="WHIT"> -<span class='line'>1312</span> </span><span class="WHIT"> </span><span class="NAME">fill</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1313</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'fill'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1314</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1315</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1316</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1317</span> </span><span class="WHIT"> </span><span class="COMM">/** Stroke the subpaths -<span class='line'>1318</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1319</span> * @param -<span class='line'>1320</span> * @returns this -<span class='line'>1321</span> */</span><span class="WHIT"> -<span class='line'>1322</span> </span><span class="WHIT"> </span><span class="NAME">stroke</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1323</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'stroke'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1324</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1325</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1326</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1327</span> </span><span class="WHIT"> -<span class='line'>1328</span> </span><span class="COMM">/** description -<span class='line'>1329</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1330</span> * @param -<span class='line'>1331</span> * @returns this -<span class='line'>1332</span> */</span><span class="WHIT"> -<span class='line'>1333</span> </span><span class="WHIT"> </span><span class="NAME">clip</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1334</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'clip'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1335</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1336</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1337</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1338</span> </span><span class="WHIT"> </span><span class="COMM">/** description -<span class='line'>1339</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1340</span> * @param -<span class='line'>1341</span> * @returns this -<span class='line'>1342</span> */</span><span class="WHIT"> -<span class='line'>1343</span> </span><span class="WHIT"> </span><span class="NAME">fillText</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1344</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'fillText'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1345</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1346</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1347</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1348</span> </span><span class="WHIT"> </span><span class="COMM">/** description -<span class='line'>1349</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1350</span> * @param -<span class='line'>1351</span> * @returns this -<span class='line'>1352</span> */</span><span class="WHIT"> -<span class='line'>1353</span> </span><span class="WHIT"> </span><span class="NAME">strokeText</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1354</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'strokeText'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1355</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1356</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1357</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1358</span> </span><span class="WHIT"> </span><span class="COMM">/** description -<span class='line'>1359</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1360</span> * @param -<span class='line'>1361</span> * @returns this -<span class='line'>1362</span> */</span><span class="WHIT"> -<span class='line'>1363</span> </span><span class="WHIT"> </span><span class="NAME">measureText</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1364</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'measureText'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1365</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1366</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1367</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1368</span> </span><span class="WHIT"> </span><span class="COMM">/** description -<span class='line'>1369</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1370</span> * @param -<span class='line'>1371</span> * @returns this -<span class='line'>1372</span> */</span><span class="WHIT"> -<span class='line'>1373</span> </span><span class="WHIT"> </span><span class="NAME">isPointInPath</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1374</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'isPointInPath'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1375</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1376</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1377</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1378</span> </span><span class="WHIT"> -<span class='line'>1379</span> </span><span class="COMM">/** Sets the stroke style -<span class='line'>1380</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1381</span> * @param -<span class='line'>1382</span> * @returns this -<span class='line'>1383</span> */</span><span class="WHIT"> -<span class='line'>1384</span> </span><span class="WHIT"> </span><span class="NAME">strokeStyle</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1385</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'strokeStyle'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1386</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1387</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1388</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1389</span> -<span class='line'>1390</span> </span><span class="WHIT"> </span><span class="COMM">/** Sets the fill style -<span class='line'>1391</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1392</span> * @param -<span class='line'>1393</span> * @returns this -<span class='line'>1394</span> */</span><span class="WHIT"> -<span class='line'>1395</span> </span><span class="WHIT"> </span><span class="NAME">fillStyle</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1396</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'fillStyle'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1397</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1398</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1399</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1400</span> </span><span class="WHIT"> </span><span class="COMM">/** description -<span class='line'>1401</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1402</span> * @param -<span class='line'>1403</span> * @returns this -<span class='line'>1404</span> */</span><span class="WHIT"> -<span class='line'>1405</span> </span><span class="WHIT"> </span><span class="NAME">createLinearGradient</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1406</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'createLinearGradient'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1407</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1408</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1409</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1410</span> </span><span class="WHIT"> </span><span class="COMM">/** description -<span class='line'>1411</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1412</span> * @param -<span class='line'>1413</span> * @returns this -<span class='line'>1414</span> */</span><span class="WHIT"> -<span class='line'>1415</span> </span><span class="WHIT"> </span><span class="NAME">createRadialGradient</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1416</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'createRadialGradient'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1417</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1418</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1419</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1420</span> </span><span class="WHIT"> </span><span class="COMM">/** description -<span class='line'>1421</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1422</span> * @param -<span class='line'>1423</span> * @returns this -<span class='line'>1424</span> */</span><span class="WHIT"> -<span class='line'>1425</span> </span><span class="WHIT"> </span><span class="NAME">createPattern</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1426</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'createPattern'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1427</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1428</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1429</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1430</span> </span><span class="WHIT"> </span><span class="COMM">/** description -<span class='line'>1431</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1432</span> * @param -<span class='line'>1433</span> * @returns this -<span class='line'>1434</span> */</span><span class="WHIT"> -<span class='line'>1435</span> </span><span class="WHIT"> </span><span class="NAME">shadowOffsetX</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1436</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'shadowOffsetX'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1437</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1438</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1439</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1440</span> </span><span class="WHIT"> </span><span class="COMM">/** description -<span class='line'>1441</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1442</span> * @param -<span class='line'>1443</span> * @returns this -<span class='line'>1444</span> */</span><span class="WHIT"> -<span class='line'>1445</span> </span><span class="WHIT"> </span><span class="NAME">shadowOffsetY</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1446</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'shadowOffsetY'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1447</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1448</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1449</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1450</span> </span><span class="WHIT"> </span><span class="COMM">/** description -<span class='line'>1451</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1452</span> * @param -<span class='line'>1453</span> * @returns this -<span class='line'>1454</span> */</span><span class="WHIT"> -<span class='line'>1455</span> </span><span class="WHIT"> </span><span class="NAME">shadowBlur</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1456</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'shadowBlur'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1457</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1458</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1459</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1460</span> </span><span class="WHIT"> </span><span class="COMM">/** description -<span class='line'>1461</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1462</span> * @param -<span class='line'>1463</span> * @returns this -<span class='line'>1464</span> */</span><span class="WHIT"> -<span class='line'>1465</span> </span><span class="WHIT"> </span><span class="NAME">shadowColor</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1466</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'shadowColor'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1467</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1468</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1469</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1470</span> </span><span class="WHIT"> </span><span class="COMM">/** description -<span class='line'>1471</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1472</span> * @param -<span class='line'>1473</span> * @returns this -<span class='line'>1474</span> */</span><span class="WHIT"> -<span class='line'>1475</span> </span><span class="WHIT"> </span><span class="NAME">drawImage</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1476</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'drawImage'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1477</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1478</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1479</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1480</span> </span><span class="WHIT"> </span><span class="COMM">/** description -<span class='line'>1481</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1482</span> * @param -<span class='line'>1483</span> * @returns this -<span class='line'>1484</span> */</span><span class="WHIT"> -<span class='line'>1485</span> </span><span class="WHIT"> </span><span class="NAME">getImageData</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1486</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'getImageData'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1487</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1488</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1489</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1490</span> </span><span class="WHIT"> </span><span class="COMM">/** description -<span class='line'>1491</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1492</span> * @param -<span class='line'>1493</span> * @returns this -<span class='line'>1494</span> */</span><span class="WHIT"> -<span class='line'>1495</span> </span><span class="WHIT"> </span><span class="NAME">putImageData</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1496</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'putImageData'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1497</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1498</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1499</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1500</span> </span><span class="WHIT"> </span><span class="COMM">/** description -<span class='line'>1501</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1502</span> * @param -<span class='line'>1503</span> * @returns this -<span class='line'>1504</span> */</span><span class="WHIT"> -<span class='line'>1505</span> </span><span class="WHIT"> </span><span class="NAME">createImageData</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1506</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'createImageData'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1507</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1508</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1509</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1510</span> </span><span class="WHIT"> </span><span class="COMM">/** description -<span class='line'>1511</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> -<span class='line'>1512</span> * @param -<span class='line'>1513</span> * @returns this -<span class='line'>1514</span> */</span><span class="WHIT"> -<span class='line'>1515</span> </span><span class="WHIT"> </span><span class="NAME">drawWindow</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1516</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'drawWindow'</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1517</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1518</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1519</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1520</span> </span><span class="WHIT"> +<span class='line'>968</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>969</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>970</span> </span><span class="WHIT"> </span><span class="COMM">/** Clear area of canvas element specified by parameters, if no +<span class='line'>971</span> * parameters supplied, clears entire canvas +<span class='line'>972</span> * @param {Number} [x=0] x coordinate, defaults to zero if left blank +<span class='line'>973</span> * @param {Number} [y=0] y coordinate, defaults to zero if left blank +<span class='line'>974</span> * @param {Number} [width=0] width of area to be cleared, defaults +<span class='line'>975</span> * entire width of canvas +<span class='line'>976</span> * @param {Number} [height=0] height of area to be cleared, defaults +<span class='line'>977</span> * entire height of canvas +<span class='line'>978</span> * @returns this +<span class='line'>979</span> * @example +<span class='line'>980</span> * +<span class='line'>981</span> * k.canvas.ninja.clear(); +<span class='line'>982</span> * // clears the entire ninja canvas +<span class='line'>983</span> * +<span class='line'>984</span> * k.canvas.ninja.clear(0, 10, 20, 30); +<span class='line'>985</span> * //clears a specific portion of the ninja canvas +<span class='line'>986</span> * +<span class='line'>987</span> */</span><span class="WHIT"> +<span class='line'>988</span> </span><span class="WHIT"> </span><span class="NAME">clear</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="NAME">x</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">y</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">width</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">height</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>989</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>990</span> </span><span class="WHIT"> </span><span class="NAME">that.ctx.clearRect</span><span class="PUNC">(</span><span class="WHIT"> +<span class='line'>991</span> </span><span class="WHIT"> </span><span class="NAME">x</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>992</span> </span><span class="WHIT"> </span><span class="NAME">y</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>993</span> </span><span class="NAME">width</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">that.width</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>994</span> </span><span class="NAME">height</span><span class="WHIT"> </span><span class="PUNC">||</span><span class="WHIT"> </span><span class="NAME">that.height</span><span class="WHIT"> +<span class='line'>995</span> </span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>996</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="NAME">that</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>997</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>998</span> </span><span class="WHIT"> +<span class='line'>999</span> </span><span class="COMM">/** The globalAlpha attribute gives an alpha value that is applied to shapes +<span class='line'>1000</span> * and images before they are composited onto the canvas +<span class='line'>1001</span> * @param {Number} number in the range from 0.0 to 1.0 +<span class='line'>1002</span> * @returns this +<span class='line'>1003</span> */</span><span class="WHIT"> +<span class='line'>1004</span> </span><span class="WHIT"> </span><span class="NAME">globalAlpha</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1005</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'globalAlpha'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1006</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1007</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1008</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1009</span> </span><span class="WHIT"> +<span class='line'>1010</span> </span><span class="COMM">/** Sets the globalCompositeOperation attribute, which sets how shapes and images +<span class='line'>1011</span> * are drawn onto the existing bitmap, once they have had globalAlpha and the +<span class='line'>1012</span> * current transformation matrix applied. +<span class='line'>1013</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1014</span> * @param {String} globalCompositeOperation source-atop, +<span class='line'>1015</span> * source-in, source-out, +<span class='line'>1016</span> * source-over, destination-atop, destination-in, destination-out, destination-over, +<span class='line'>1017</span> * lighter +<span class='line'>1018</span> * @returns this +<span class='line'>1019</span> */</span><span class="WHIT"> +<span class='line'>1020</span> </span><span class="WHIT"> </span><span class="NAME">globalCompositeOperation</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1021</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">' globalCompositeOperation'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1022</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1023</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1024</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1025</span> +<span class='line'>1026</span> </span><span class="WHIT"> </span><span class="COMM">/** Sets the lineWidth attribute which gives the width of lines, in coordinate space +<span class='line'>1027</span> * units. +<span class='line'>1028</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1029</span> * @param {Number} lineWidth +<span class='line'>1030</span> * @returns this +<span class='line'>1031</span> */</span><span class="WHIT"> +<span class='line'>1032</span> </span><span class="WHIT"> </span><span class="NAME">lineWidth</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1033</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'lineWidth'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1034</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1035</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1036</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1037</span> </span><span class="WHIT"> </span><span class="COMM">/** The lineCap attribute defines the type of endings that UAs will place on +<span class='line'>1038</span> * the end of lines. +<span class='line'>1039</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1040</span> * @param {String} type butt, round, square +<span class='line'>1041</span> * @returns this +<span class='line'>1042</span> */</span><span class="WHIT"> +<span class='line'>1043</span> </span><span class="WHIT"> </span><span class="NAME">lineCap</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1044</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'lineCap'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1045</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1046</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1047</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1048</span> </span><span class="WHIT"> </span><span class="COMM">/** The lineJoin attribute defines the type of corners that UAs will place +<span class='line'>1049</span> * where two lines meet. The three valid values are bevel, round, and miter. +<span class='line'>1050</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1051</span> * @param {String} type +<span class='line'>1052</span> * @returns this +<span class='line'>1053</span> */</span><span class="WHIT"> +<span class='line'>1054</span> </span><span class="WHIT"> </span><span class="NAME">lineJoin</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1055</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'lineJoin'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1056</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1057</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1058</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1059</span> </span><span class="WHIT"> +<span class='line'>1060</span> </span><span class="COMM">/** Sets the miter limit +<span class='line'>1061</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1062</span> * @param {Number} number +<span class='line'>1063</span> * @returns this +<span class='line'>1064</span> */</span><span class="WHIT"> +<span class='line'>1065</span> </span><span class="WHIT"> </span><span class="NAME">miterLimit</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1066</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'miterLimit'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1067</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1068</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1069</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1070</span> </span><span class="WHIT"> </span><span class="COMM">/** Sets the font property and takes the same syntax as setting the font property +<span class='line'>1071</span> * in CSS +<span class='line'>1072</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1073</span> * @param {String} +<span class='line'>1074</span> * @returns this +<span class='line'>1075</span> */</span><span class="WHIT"> +<span class='line'>1076</span> </span><span class="WHIT"> </span><span class="NAME">font</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1077</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'font'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1078</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1079</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1080</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1081</span> +<span class='line'>1082</span> </span><span class="WHIT"> </span><span class="COMM">/** Changes the text alignment. The possible values are start, end, left, right, +<span class='line'>1083</span> * and center. The default is start. Other values are ignored. +<span class='line'>1084</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1085</span> * @param {string} alignment +<span class='line'>1086</span> * @returns this +<span class='line'>1087</span> */</span><span class="WHIT"> +<span class='line'>1088</span> </span><span class="WHIT"> </span><span class="NAME">textAlign</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1089</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'textAlign'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1090</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1091</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1092</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1093</span> +<span class='line'>1094</span> </span><span class="WHIT"> </span><span class="COMM">/** Changes the baseline alignment. If the value is one of top, hanging, middle, +<span class='line'>1095</span> * alphabetic, ideographic, or bottom, then the value must be changed to the new value. +<span class='line'>1096</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1097</span> * @param {String} alignment +<span class='line'>1098</span> * @returns this +<span class='line'>1099</span> */</span><span class="WHIT"> +<span class='line'>1100</span> </span><span class="WHIT"> </span><span class="NAME">textBaseline</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1101</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'textBaseline'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1102</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1103</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1104</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1105</span> </span><span class="WHIT"> +<span class='line'>1106</span> </span><span class="COMM">/** Save the current state of the context +<span class='line'>1107</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1108</span> * @param +<span class='line'>1109</span> * @returns this +<span class='line'>1110</span> */</span><span class="WHIT"> +<span class='line'>1111</span> </span><span class="WHIT"> </span><span class="NAME">save</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1112</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'save'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1113</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1114</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1115</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1116</span> </span><span class="WHIT"> </span><span class="COMM">/** Restore the saved context +<span class='line'>1117</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1118</span> * @param +<span class='line'>1119</span> * @returns this +<span class='line'>1120</span> */</span><span class="WHIT"> +<span class='line'>1121</span> </span><span class="WHIT"> </span><span class="NAME">restore</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1122</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'restore'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1123</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1124</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1125</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1126</span> </span><span class="WHIT"> </span><span class="COMM">/** Perform a scale transformation +<span class='line'>1127</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1128</span> * @param +<span class='line'>1129</span> * @returns this +<span class='line'>1130</span> */</span><span class="WHIT"> +<span class='line'>1131</span> </span><span class="WHIT"> </span><span class="NAME">scale</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1132</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'scale'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1133</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1134</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1135</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1136</span> </span><span class="WHIT"> </span><span class="COMM">/** Perform a rotation transformation +<span class='line'>1137</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1138</span> * @param +<span class='line'>1139</span> * @returns this +<span class='line'>1140</span> */</span><span class="WHIT"> +<span class='line'>1141</span> </span><span class="WHIT"> </span><span class="NAME">rotate</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1142</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'rotate'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1143</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1144</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1145</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1146</span> </span><span class="WHIT"> </span><span class="COMM">/** Performa a translation transformation +<span class='line'>1147</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1148</span> * @param +<span class='line'>1149</span> * @returns this +<span class='line'>1150</span> */</span><span class="WHIT"> +<span class='line'>1151</span> </span><span class="WHIT"> </span><span class="NAME">translate</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1152</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'translate'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1153</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1154</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1155</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1156</span> </span><span class="WHIT"> +<span class='line'>1157</span> </span><span class="COMM">/** Transform the identity matrix +<span class='line'>1158</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1159</span> * @param +<span class='line'>1160</span> * @returns this +<span class='line'>1161</span> */</span><span class="WHIT"> +<span class='line'>1162</span> </span><span class="WHIT"> </span><span class="NAME">transform</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1163</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'transform'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1164</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1165</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1166</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1167</span> </span><span class="WHIT"> </span><span class="COMM">/** Set the transform +<span class='line'>1168</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1169</span> * @param +<span class='line'>1170</span> * @returns this +<span class='line'>1171</span> */</span><span class="WHIT"> +<span class='line'>1172</span> </span><span class="WHIT"> </span><span class="NAME">setTransform</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1173</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'setTransform'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1174</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1175</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1176</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1177</span> </span><span class="WHIT"> </span><span class="COMM">/** Clear a rectangular area +<span class='line'>1178</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1179</span> * @param +<span class='line'>1180</span> * @returns this +<span class='line'>1181</span> */</span><span class="WHIT"> +<span class='line'>1182</span> </span><span class="WHIT"> </span><span class="NAME">clearRect</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1183</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'clearRect'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1184</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1185</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1186</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1187</span> </span><span class="WHIT"> </span><span class="COMM">/** Fill a rectangular area +<span class='line'>1188</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1189</span> * @param +<span class='line'>1190</span> * @returns this +<span class='line'>1191</span> */</span><span class="WHIT"> +<span class='line'>1192</span> </span><span class="WHIT"> </span><span class="NAME">fillRect</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1193</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'fillRect'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1194</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1195</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1196</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1197</span> </span><span class="WHIT"> +<span class='line'>1198</span> </span><span class="COMM">/** Draw the outline of the rectangle +<span class='line'>1199</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1200</span> * @param +<span class='line'>1201</span> * @returns this +<span class='line'>1202</span> */</span><span class="WHIT"> +<span class='line'>1203</span> </span><span class="WHIT"> </span><span class="NAME">strokeRect</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1204</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'strokeRect'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1205</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1206</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1207</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1208</span> </span><span class="WHIT"> </span><span class="COMM">/** Begin a path +<span class='line'>1209</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1210</span> * @param +<span class='line'>1211</span> * @returns this +<span class='line'>1212</span> */</span><span class="WHIT"> +<span class='line'>1213</span> </span><span class="WHIT"> </span><span class="NAME">beginPath</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1214</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'beginPath'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1215</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1216</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1217</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1218</span> </span><span class="WHIT"> </span><span class="COMM">/** End a path +<span class='line'>1219</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1220</span> * @param +<span class='line'>1221</span> * @returns this +<span class='line'>1222</span> */</span><span class="WHIT"> +<span class='line'>1223</span> </span><span class="WHIT"> </span><span class="NAME">closePath</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1224</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'closePath'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1225</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1226</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1227</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1228</span> </span><span class="WHIT"> </span><span class="COMM">/** Move to specified coordinates +<span class='line'>1229</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1230</span> * @param +<span class='line'>1231</span> * @returns this +<span class='line'>1232</span> */</span><span class="WHIT"> +<span class='line'>1233</span> </span><span class="WHIT"> </span><span class="NAME">moveTo</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1234</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'moveTo'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1235</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1236</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1237</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1238</span> +<span class='line'>1239</span> +<span class='line'>1240</span> </span><span class="WHIT"> </span><span class="COMM">/** Draw a line to the given coordinates +<span class='line'>1241</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1242</span> * @param +<span class='line'>1243</span> * @returns this +<span class='line'>1244</span> */</span><span class="WHIT"> +<span class='line'>1245</span> </span><span class="WHIT"> </span><span class="NAME">lineTo</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1246</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'lineTo'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1247</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1248</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1249</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1250</span> +<span class='line'>1251</span> </span><span class="WHIT"> </span><span class="COMM">/** Draw a quadratic curve to given coordinates +<span class='line'>1252</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1253</span> * @param +<span class='line'>1254</span> * @returns this +<span class='line'>1255</span> */</span><span class="WHIT"> +<span class='line'>1256</span> </span><span class="WHIT"> </span><span class="NAME">quadraticCurveTo</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1257</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'quadraticCurveTo'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1258</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1259</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1260</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1261</span> </span><span class="WHIT"> </span><span class="COMM">/** Draw a bezier curve to given coordinates +<span class='line'>1262</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1263</span> * @param +<span class='line'>1264</span> * @returns this +<span class='line'>1265</span> */</span><span class="WHIT"> +<span class='line'>1266</span> </span><span class="WHIT"> </span><span class="NAME">bezierCurveTo</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1267</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'bezierCurveTo'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1268</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1269</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1270</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1271</span> </span><span class="WHIT"> </span><span class="COMM">/** Draw an arc to the given points +<span class='line'>1272</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1273</span> * @param +<span class='line'>1274</span> * @returns this +<span class='line'>1275</span> */</span><span class="WHIT"> +<span class='line'>1276</span> </span><span class="WHIT"> </span><span class="NAME">arcTo</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1277</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'arcTo'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1278</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1279</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1280</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1281</span> </span><span class="WHIT"> </span><span class="COMM">/** Create an arc +<span class='line'>1282</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1283</span> * @param +<span class='line'>1284</span> * @returns this +<span class='line'>1285</span> */</span><span class="WHIT"> +<span class='line'>1286</span> </span><span class="WHIT"> </span><span class="NAME">arc</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1287</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'arc'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1288</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1289</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1290</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1291</span> +<span class='line'>1292</span> </span><span class="WHIT"> </span><span class="COMM">/** Create a rectangle +<span class='line'>1293</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1294</span> * @param +<span class='line'>1295</span> * @returns this +<span class='line'>1296</span> */</span><span class="WHIT"> +<span class='line'>1297</span> </span><span class="WHIT"> </span><span class="NAME">rect</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1298</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'rect'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1299</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1300</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1301</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1302</span> </span><span class="WHIT"> </span><span class="COMM">/** fill in the current subpaths with the current fillstyle +<span class='line'>1303</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1304</span> * @param +<span class='line'>1305</span> * @returns this +<span class='line'>1306</span> */</span><span class="WHIT"> +<span class='line'>1307</span> </span><span class="WHIT"> </span><span class="NAME">fill</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1308</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'fill'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1309</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1310</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1311</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1312</span> </span><span class="WHIT"> </span><span class="COMM">/** Stroke the subpaths +<span class='line'>1313</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1314</span> * @param +<span class='line'>1315</span> * @returns this +<span class='line'>1316</span> */</span><span class="WHIT"> +<span class='line'>1317</span> </span><span class="WHIT"> </span><span class="NAME">stroke</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1318</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'stroke'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1319</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1320</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1321</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1322</span> </span><span class="WHIT"> +<span class='line'>1323</span> </span><span class="COMM">/** description +<span class='line'>1324</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1325</span> * @param +<span class='line'>1326</span> * @returns this +<span class='line'>1327</span> */</span><span class="WHIT"> +<span class='line'>1328</span> </span><span class="WHIT"> </span><span class="NAME">clip</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1329</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'clip'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1330</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1331</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1332</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1333</span> </span><span class="WHIT"> </span><span class="COMM">/** description +<span class='line'>1334</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1335</span> * @param +<span class='line'>1336</span> * @returns this +<span class='line'>1337</span> */</span><span class="WHIT"> +<span class='line'>1338</span> </span><span class="WHIT"> </span><span class="NAME">fillText</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1339</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'fillText'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1340</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1341</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1342</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1343</span> </span><span class="WHIT"> </span><span class="COMM">/** description +<span class='line'>1344</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1345</span> * @param +<span class='line'>1346</span> * @returns this +<span class='line'>1347</span> */</span><span class="WHIT"> +<span class='line'>1348</span> </span><span class="WHIT"> </span><span class="NAME">strokeText</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1349</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'strokeText'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1350</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1351</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1352</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1353</span> </span><span class="WHIT"> </span><span class="COMM">/** description +<span class='line'>1354</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1355</span> * @param +<span class='line'>1356</span> * @returns this +<span class='line'>1357</span> */</span><span class="WHIT"> +<span class='line'>1358</span> </span><span class="WHIT"> </span><span class="NAME">measureText</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1359</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'measureText'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1360</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1361</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1362</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1363</span> </span><span class="WHIT"> </span><span class="COMM">/** description +<span class='line'>1364</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1365</span> * @param +<span class='line'>1366</span> * @returns this +<span class='line'>1367</span> */</span><span class="WHIT"> +<span class='line'>1368</span> </span><span class="WHIT"> </span><span class="NAME">isPointInPath</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1369</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'isPointInPath'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1370</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1371</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1372</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1373</span> </span><span class="WHIT"> +<span class='line'>1374</span> </span><span class="COMM">/** Sets the stroke style +<span class='line'>1375</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1376</span> * @param +<span class='line'>1377</span> * @returns this +<span class='line'>1378</span> */</span><span class="WHIT"> +<span class='line'>1379</span> </span><span class="WHIT"> </span><span class="NAME">strokeStyle</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1380</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'strokeStyle'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1381</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1382</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1383</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1384</span> +<span class='line'>1385</span> </span><span class="WHIT"> </span><span class="COMM">/** Sets the fill style +<span class='line'>1386</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1387</span> * @param +<span class='line'>1388</span> * @returns this +<span class='line'>1389</span> */</span><span class="WHIT"> +<span class='line'>1390</span> </span><span class="WHIT"> </span><span class="NAME">fillStyle</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1391</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'fillStyle'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1392</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1393</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1394</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1395</span> </span><span class="WHIT"> </span><span class="COMM">/** description +<span class='line'>1396</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1397</span> * @param +<span class='line'>1398</span> * @returns this +<span class='line'>1399</span> */</span><span class="WHIT"> +<span class='line'>1400</span> </span><span class="WHIT"> </span><span class="NAME">createLinearGradient</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1401</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'createLinearGradient'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1402</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1403</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1404</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1405</span> </span><span class="WHIT"> </span><span class="COMM">/** description +<span class='line'>1406</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1407</span> * @param +<span class='line'>1408</span> * @returns this +<span class='line'>1409</span> */</span><span class="WHIT"> +<span class='line'>1410</span> </span><span class="WHIT"> </span><span class="NAME">createRadialGradient</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1411</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'createRadialGradient'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1412</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1413</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1414</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1415</span> </span><span class="WHIT"> </span><span class="COMM">/** description +<span class='line'>1416</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1417</span> * @param +<span class='line'>1418</span> * @returns this +<span class='line'>1419</span> */</span><span class="WHIT"> +<span class='line'>1420</span> </span><span class="WHIT"> </span><span class="NAME">createPattern</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1421</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'createPattern'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1422</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1423</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1424</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1425</span> </span><span class="WHIT"> </span><span class="COMM">/** description +<span class='line'>1426</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1427</span> * @param +<span class='line'>1428</span> * @returns this +<span class='line'>1429</span> */</span><span class="WHIT"> +<span class='line'>1430</span> </span><span class="WHIT"> </span><span class="NAME">shadowOffsetX</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1431</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'shadowOffsetX'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1432</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1433</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1434</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1435</span> </span><span class="WHIT"> </span><span class="COMM">/** description +<span class='line'>1436</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1437</span> * @param +<span class='line'>1438</span> * @returns this +<span class='line'>1439</span> */</span><span class="WHIT"> +<span class='line'>1440</span> </span><span class="WHIT"> </span><span class="NAME">shadowOffsetY</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1441</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'shadowOffsetY'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1442</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1443</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1444</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1445</span> </span><span class="WHIT"> </span><span class="COMM">/** description +<span class='line'>1446</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1447</span> * @param +<span class='line'>1448</span> * @returns this +<span class='line'>1449</span> */</span><span class="WHIT"> +<span class='line'>1450</span> </span><span class="WHIT"> </span><span class="NAME">shadowBlur</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1451</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'shadowBlur'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1452</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1453</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1454</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1455</span> </span><span class="WHIT"> </span><span class="COMM">/** description +<span class='line'>1456</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1457</span> * @param +<span class='line'>1458</span> * @returns this +<span class='line'>1459</span> */</span><span class="WHIT"> +<span class='line'>1460</span> </span><span class="WHIT"> </span><span class="NAME">shadowColor</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">attribute</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1461</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'shadowColor'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1462</span> </span><span class="WHIT"> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">attribute</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1463</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1464</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1465</span> </span><span class="WHIT"> </span><span class="COMM">/** description +<span class='line'>1466</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1467</span> * @param +<span class='line'>1468</span> * @returns this +<span class='line'>1469</span> */</span><span class="WHIT"> +<span class='line'>1470</span> </span><span class="WHIT"> </span><span class="NAME">drawImage</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1471</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'drawImage'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1472</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1473</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1474</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1475</span> </span><span class="WHIT"> </span><span class="COMM">/** description +<span class='line'>1476</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1477</span> * @param +<span class='line'>1478</span> * @returns this +<span class='line'>1479</span> */</span><span class="WHIT"> +<span class='line'>1480</span> </span><span class="WHIT"> </span><span class="NAME">getImageData</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1481</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'getImageData'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1482</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1483</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1484</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1485</span> </span><span class="WHIT"> </span><span class="COMM">/** description +<span class='line'>1486</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1487</span> * @param +<span class='line'>1488</span> * @returns this +<span class='line'>1489</span> */</span><span class="WHIT"> +<span class='line'>1490</span> </span><span class="WHIT"> </span><span class="NAME">putImageData</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1491</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'putImageData'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1492</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1493</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1494</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1495</span> </span><span class="WHIT"> </span><span class="COMM">/** description +<span class='line'>1496</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1497</span> * @param +<span class='line'>1498</span> * @returns this +<span class='line'>1499</span> */</span><span class="WHIT"> +<span class='line'>1500</span> </span><span class="WHIT"> </span><span class="NAME">createImageData</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1501</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'createImageData'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1502</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1503</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1504</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1505</span> </span><span class="WHIT"> </span><span class="COMM">/** description +<span class='line'>1506</span> * For full details see <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#dom-context-2d-globalcompositeoperation">W3C docs</a> +<span class='line'>1507</span> * @param +<span class='line'>1508</span> * @returns this +<span class='line'>1509</span> */</span><span class="WHIT"> +<span class='line'>1510</span> </span><span class="WHIT"> </span><span class="NAME">drawWindow</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="WHIT"> </span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1511</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">'drawWindow'</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1512</span> </span><span class="NAME">this.ctx</span><span class="PUNC">[</span><span class="NAME">name</span><span class="PUNC">]</span><span class="PUNC">.</span><span class="NAME">apply</span><span class="PUNC">(</span><span class="NAME">this.ctx</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NAME">arguments</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1513</span> </span><span class="WHIT"> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1514</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1515</span> </span><span class="WHIT"> +<span class='line'>1516</span> +<span class='line'>1517</span> +<span class='line'>1518</span> +<span class='line'>1519</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1520</span> <span class='line'>1521</span> -<span class='line'>1522</span> -<span class='line'>1523</span> -<span class='line'>1524</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1525</span> -<span class='line'>1526</span> -<span class='line'>1527</span> </span><span class="COMM">/** Prototype object for each svg element submitted to Karma in the -<span class='line'>1528</span> * Karma() method -<span class='line'>1529</span> * @throws {Error} if the name and domId for the svg element are not specified -<span class='line'>1530</span> * @thows {Error} if the supplied domId does not match an element in the DOM -<span class='line'>1531</span> * @class This object is the prototype for each svg element submitted to Karma in the -<span class='line'>1532</span> * Karma() method -<span class='line'>1533</span> */</span><span class="WHIT"> -<span class='line'>1534</span> </span><span class="NAME">Karma.kSvg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1535</span> </span><span class="WHIT"> </span><span class="COMM">/** name of instance, used internally -<span class='line'>1536</span> * @typeof string -<span class='line'>1537</span> * @default "" +<span class='line'>1522</span> </span><span class="COMM">/** Prototype object for each svg element submitted to Karma in the +<span class='line'>1523</span> * Karma() method +<span class='line'>1524</span> * @throws {Error} if the name and domId for the svg element are not specified +<span class='line'>1525</span> * @thows {Error} if the supplied domId does not match an element in the DOM +<span class='line'>1526</span> * @class This object is the prototype for each svg element submitted to Karma in the +<span class='line'>1527</span> * Karma() method +<span class='line'>1528</span> */</span><span class="WHIT"> +<span class='line'>1529</span> </span><span class="NAME">Karma.kSvg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1530</span> </span><span class="WHIT"> </span><span class="COMM">/** name of instance, used internally +<span class='line'>1531</span> * @typeof string +<span class='line'>1532</span> * @default "" +<span class='line'>1533</span> */</span><span class="WHIT"> +<span class='line'>1534</span> </span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1535</span> </span><span class="WHIT"> </span><span class="COMM">/** width of element +<span class='line'>1536</span> * @type number +<span class='line'>1537</span> * @default 0 <span class='line'>1538</span> */</span><span class="WHIT"> -<span class='line'>1539</span> </span><span class="WHIT"> </span><span class="NAME">name</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1540</span> </span><span class="WHIT"> </span><span class="COMM">/** width of element +<span class='line'>1539</span> </span><span class="WHIT"> </span><span class="NAME">width</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1540</span> </span><span class="WHIT"> </span><span class="COMM">/** height of element <span class='line'>1541</span> * @type number <span class='line'>1542</span> * @default 0 <span class='line'>1543</span> */</span><span class="WHIT"> -<span class='line'>1544</span> </span><span class="WHIT"> </span><span class="NAME">width</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1545</span> </span><span class="WHIT"> </span><span class="COMM">/** height of element -<span class='line'>1546</span> * @type number -<span class='line'>1547</span> * @default 0 +<span class='line'>1544</span> </span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1545</span> </span><span class="WHIT"> </span><span class="COMM">/** Status of element, either "loaded" or "error" +<span class='line'>1546</span> * @type string +<span class='line'>1547</span> * @default "" <span class='line'>1548</span> */</span><span class="WHIT"> -<span class='line'>1549</span> </span><span class="WHIT"> </span><span class="NAME">height</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NUMB">0</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1550</span> </span><span class="WHIT"> </span><span class="COMM">/** Status of element, either "loaded" or "error" -<span class='line'>1551</span> * @type string -<span class='line'>1552</span> * @default "" +<span class='line'>1549</span> </span><span class="WHIT"> </span><span class="NAME">status</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1550</span> </span><span class="WHIT"> </span><span class="COMM">/** Whether canvas is visible. This value is read-only +<span class='line'>1551</span> * @type boolean +<span class='line'>1552</span> * @default true <span class='line'>1553</span> */</span><span class="WHIT"> -<span class='line'>1554</span> </span><span class="WHIT"> </span><span class="NAME">status</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="STRN">""</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1555</span> </span><span class="WHIT"> </span><span class="COMM">/** Whether canvas is visible. This value is read-only -<span class='line'>1556</span> * @type boolean -<span class='line'>1557</span> * @default true +<span class='line'>1554</span> </span><span class="WHIT"> </span><span class="NAME">visible</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1555</span> </span><span class="WHIT"> </span><span class="COMM">/** Element ID for canvas element in html document. +<span class='line'>1556</span> * @type String +<span class='line'>1557</span> * @default undefined <span class='line'>1558</span> */</span><span class="WHIT"> -<span class='line'>1559</span> </span><span class="WHIT"> </span><span class="NAME">visible</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">true</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1560</span> </span><span class="WHIT"> </span><span class="COMM">/** Element ID for canvas element in html document. -<span class='line'>1561</span> * @type String +<span class='line'>1559</span> </span><span class="WHIT"> </span><span class="NAME">domId</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1560</span> </span><span class="WHIT"> </span><span class="COMM">/** Reference to the DOM element. +<span class='line'>1561</span> * @type DOMElement <span class='line'>1562</span> * @default undefined -<span class='line'>1563</span> */</span><span class="WHIT"> -<span class='line'>1564</span> </span><span class="WHIT"> </span><span class="NAME">domId</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1565</span> </span><span class="WHIT"> </span><span class="COMM">/** Reference to the DOM element. -<span class='line'>1566</span> * @type DOMElement -<span class='line'>1567</span> * @default undefined -<span class='line'>1568</span> * @example -<span class='line'>1569</span> * //You can access all properties and methods of the underlying DOM element -<span class='line'>1570</span> * //using the 'node' property -<span class='line'>1571</span> * Karma.karma.svg.someSvg.node.dispatchEvent; -<span class='line'>1572</span> * Karma.karma.svg.someSvg.node.addEvenListener(...); -<span class='line'>1573</span> */</span><span class="WHIT"> -<span class='line'>1574</span> </span><span class="WHIT"> </span><span class="NAME">node</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1575</span> </span><span class="WHIT"> </span><span class="COMM">/** Reference to the SVGDocument. You can use the this.doc to manipulate -<span class='line'>1576</span> * the SVG document -<span class='line'>1577</span> * @type SVGDocument -<span class='line'>1578</span> * @default undefined -<span class='line'>1579</span> * @example -<span class='line'>1580</span> * var myElem = Karma.karma.svg.someSvg.doc.getElementById('foobar'); -<span class='line'>1581</span> * Karma.karma.svg.someSvg.doc.createElement(...); -<span class='line'>1582</span> * Karma.karma.svg.someSvg.doc.removeChild(someNode); -<span class='line'>1583</span> * -<span class='line'>1584</span> */</span><span class="WHIT"> -<span class='line'>1585</span> </span><span class="WHIT"> </span><span class="NAME">doc</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1586</span> </span><span class="WHIT"> </span><span class="COMM">/** Reference to the root element of the SVG Document -<span class='line'>1587</span> * @type DocumentElement -<span class='line'>1588</span> * @default undefined -<span class='line'>1589</span> * @example -<span class='line'>1590</span> * // The root element is equivalent to "document" in a regular html document -<span class='line'>1591</span> * // The root attribute is used frequently with the jQuery SVG plugin for CSS selectors -<span class='line'>1592</span> * $('#someId', Karma.karma.svg.someSvg.root).css(.. manipulate css attributes ...); -<span class='line'>1593</span> */</span><span class="WHIT"> -<span class='line'>1594</span> </span><span class="WHIT"> </span><span class="NAME">root</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1595</span> </span><span class="WHIT"> </span><span class="NAME">_localized</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1596</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">config</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1597</span> </span><span class="WHIT"> </span><span class="NAME">Karma.karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1598</span> -<span class='line'>1599</span> </span><span class="WHIT"> </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">option</span><span class="WHIT"> </span><span class="KEYW">in</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1600</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">config.hasOwnProperty</span><span class="PUNC">(</span><span class="NAME">option</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1601</span> </span><span class="WHIT"> </span><span class="KEYW">switch</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">option</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1602</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"name"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>1603</span> </span><span class="WHIT"> </span><span class="NAME">this.name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1604</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1605</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"domId"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>1606</span> </span><span class="WHIT"> </span><span class="NAME">this.domId</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1607</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1608</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"width"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>1609</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">this.height</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1610</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"If you specify a width you must also"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>1611</span> </span><span class="WHIT"> </span><span class="STRN">"specify a height"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1612</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>1613</span> </span><span class="WHIT"> </span><span class="NAME">this.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">config</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1614</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1615</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"height"</span><span class="PUNC">:</span><span class="WHIT"> -<span class='line'>1616</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">this.width</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1617</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"If you specify a height you must also"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>1618</span> </span><span class="WHIT"> </span><span class="STRN">"specify a width"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1619</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>1620</span> </span><span class="WHIT"> </span><span class="NAME">this.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1621</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1622</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>1623</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>1624</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>1625</span> </span><span class="WHIT"> -<span class='line'>1626</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">this.domId</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">document.getElementById</span><span class="PUNC">(</span><span class="NAME">this.domId</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1627</span> </span><span class="WHIT"> </span><span class="NAME">this.node</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.getElementById</span><span class="PUNC">(</span><span class="NAME">this.domId</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1628</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1629</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">'you must specify a valid domId that'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>1630</span> </span><span class="WHIT"> </span><span class="STRN">'is in your html page'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1563</span> * @example +<span class='line'>1564</span> * //You can access all properties and methods of the underlying DOM element +<span class='line'>1565</span> * //using the 'node' property +<span class='line'>1566</span> * Karma.svg.someSvg.node.dispatchEvent; +<span class='line'>1567</span> * Karma.svg.someSvg.node.addEvenListener(...); +<span class='line'>1568</span> */</span><span class="WHIT"> +<span class='line'>1569</span> </span><span class="WHIT"> </span><span class="NAME">node</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1570</span> </span><span class="WHIT"> </span><span class="COMM">/** Reference to the SVGDocument. You can use the this.doc to manipulate +<span class='line'>1571</span> * the SVG document +<span class='line'>1572</span> * @type SVGDocument +<span class='line'>1573</span> * @default undefined +<span class='line'>1574</span> * @example +<span class='line'>1575</span> * var myElem = Karma.svg.someSvg.doc.getElementById('foobar'); +<span class='line'>1576</span> * Karma.svg.someSvg.doc.createElement(...); +<span class='line'>1577</span> * Karma.svg.someSvg.doc.removeChild(someNode); +<span class='line'>1578</span> * +<span class='line'>1579</span> */</span><span class="WHIT"> +<span class='line'>1580</span> </span><span class="WHIT"> </span><span class="NAME">doc</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1581</span> </span><span class="WHIT"> </span><span class="COMM">/** Reference to the root element of the SVG Document +<span class='line'>1582</span> * @type DocumentElement +<span class='line'>1583</span> * @default undefined +<span class='line'>1584</span> * @example +<span class='line'>1585</span> * // The root element is equivalent to "document" in a regular html document +<span class='line'>1586</span> * // The root attribute is used frequently with the jQuery SVG plugin for CSS selectors +<span class='line'>1587</span> * $('#someId', Karma.svg.someSvg.root).css(.. manipulate css attributes ...); +<span class='line'>1588</span> */</span><span class="WHIT"> +<span class='line'>1589</span> </span><span class="WHIT"> </span><span class="NAME">root</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1590</span> </span><span class="WHIT"> </span><span class="NAME">_localized</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="NAME">undefined</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1591</span> </span><span class="WHIT"> </span><span class="NAME">_init</span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">config</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1592</span> </span><span class="WHIT"> </span><span class="NAME">Karma._counters.total</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1593</span> +<span class='line'>1594</span> </span><span class="WHIT"> </span><span class="KEYW">for</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">option</span><span class="WHIT"> </span><span class="KEYW">in</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1595</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">config.hasOwnProperty</span><span class="PUNC">(</span><span class="NAME">option</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1596</span> </span><span class="WHIT"> </span><span class="KEYW">switch</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">option</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1597</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"name"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>1598</span> </span><span class="WHIT"> </span><span class="NAME">this.name</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1599</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1600</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"domId"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>1601</span> </span><span class="WHIT"> </span><span class="NAME">this.domId</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1602</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1603</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"width"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>1604</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">this.height</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1605</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"If you specify a width you must also"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>1606</span> </span><span class="WHIT"> </span><span class="STRN">"specify a height"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1607</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>1608</span> </span><span class="WHIT"> </span><span class="NAME">this.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">config</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1609</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1610</span> </span><span class="WHIT"> </span><span class="KEYW">case</span><span class="WHIT"> </span><span class="STRN">"height"</span><span class="PUNC">:</span><span class="WHIT"> +<span class='line'>1611</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">this.width</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1612</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">"If you specify a height you must also"</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>1613</span> </span><span class="WHIT"> </span><span class="STRN">"specify a width"</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1614</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>1615</span> </span><span class="WHIT"> </span><span class="NAME">this.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">config</span><span class="PUNC">[</span><span class="NAME">option</span><span class="PUNC">]</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1616</span> </span><span class="WHIT"> </span><span class="KEYW">break</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1617</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>1618</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>1619</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>1620</span> </span><span class="WHIT"> +<span class='line'>1621</span> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="NAME">this.domId</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="NAME">document.getElementById</span><span class="PUNC">(</span><span class="NAME">this.domId</span><span class="PUNC">)</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1622</span> </span><span class="WHIT"> </span><span class="NAME">this.node</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">document.getElementById</span><span class="PUNC">(</span><span class="NAME">this.domId</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1623</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> </span><span class="KEYW">else</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1624</span> </span><span class="WHIT"> </span><span class="KEYW">throw</span><span class="WHIT"> </span><span class="KEYW">new</span><span class="WHIT"> </span><span class="NAME">Error</span><span class="PUNC">(</span><span class="STRN">'you must specify a valid domId that'</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>1625</span> </span><span class="WHIT"> </span><span class="STRN">'is in your html page'</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1626</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>1627</span> +<span class='line'>1628</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">config.height</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="PUNC">!</span><span class="NAME">config.width</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1629</span> </span><span class="WHIT"> </span><span class="NAME">this.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">this.node.getAttribute</span><span class="PUNC">(</span><span class="STRN">'width'</span><span class="PUNC">)</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1630</span> </span><span class="WHIT"> </span><span class="NAME">this.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">this.node.getAttribute</span><span class="PUNC">(</span><span class="STRN">'height'</span><span class="PUNC">)</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> <span class='line'>1631</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>1632</span> -<span class='line'>1633</span> </span><span class="WHIT"> </span><span class="KEYW">if</span><span class="PUNC">(</span><span class="PUNC">!</span><span class="NAME">config.height</span><span class="WHIT"> </span><span class="PUNC">&&</span><span class="WHIT"> </span><span class="PUNC">!</span><span class="NAME">config.width</span><span class="PUNC">)</span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1634</span> </span><span class="WHIT"> </span><span class="NAME">this.width</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">this.node.getAttribute</span><span class="PUNC">(</span><span class="STRN">'width'</span><span class="PUNC">)</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1635</span> </span><span class="WHIT"> </span><span class="NAME">this.height</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">parseInt</span><span class="PUNC">(</span><span class="NAME">this.node.getAttribute</span><span class="PUNC">(</span><span class="STRN">'height'</span><span class="PUNC">)</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="NUMB">10</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1636</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>1632</span> </span><span class="WHIT"> +<span class='line'>1633</span> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1634</span> </span><span class="WHIT"> </span><span class="NAME">that._addEventHandlers</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1635</span> </span><span class="WHIT"> +<span class='line'>1636</span> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> <span class='line'>1637</span> </span><span class="WHIT"> -<span class='line'>1638</span> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1639</span> </span><span class="WHIT"> </span><span class="NAME">that._addEventHandlers</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1640</span> </span><span class="WHIT"> -<span class='line'>1641</span> </span><span class="KEYW">return</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1642</span> </span><span class="WHIT"> -<span class='line'>1643</span> -<span class='line'>1644</span> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1645</span> </span><span class="WHIT"> </span><span class="NAME">_addEventHandlers</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1646</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1647</span> </span><span class="NAME">that.doc</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">that.node.getSVGDocument</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1648</span> </span><span class="NAME">that.node.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> -<span class='line'>1649</span> </span><span class="WHIT"> </span><span class="STRN">"load"</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1650</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1651</span> </span><span class="NAME">that.doc</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">that.node.getSVGDocument</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1652</span> </span><span class="NAME">that.root</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">that.doc.documentElement</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1653</span> </span><span class="WHIT"> </span><span class="NAME">Karma.karma._counters.loaded</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1654</span> </span><span class="WHIT"> </span><span class="NAME">Karma.karma._updateStatus</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1655</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"loaded"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1656</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1657</span> -<span class='line'>1658</span> </span><span class="WHIT"> </span><span class="NAME">that.node.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> -<span class='line'>1659</span> </span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1660</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1661</span> </span><span class="NAME">Karma.karma._counters.loaded</span><span class="PUNC">--</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1662</span> </span><span class="WHIT"> </span><span class="NAME">Karma.karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1663</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1664</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"Error: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>1665</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" cannot be loaded."</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1666</span> </span><span class="NAME">Karma.karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1667</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1668</span> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1669</span> </span><span class="WHIT"> </span><span class="NAME">that.node.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> -<span class='line'>1670</span> </span><span class="WHIT"> </span><span class="STRN">"abort"</span><span class="PUNC">,</span><span class="WHIT"> -<span class='line'>1671</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> -<span class='line'>1672</span> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"aborted"</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1673</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"ABORT: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> -<span class='line'>1674</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" loading was aborted."</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1675</span> </span><span class="NAME">Karma.karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1676</span> -<span class='line'>1677</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1678</span> -<span class='line'>1679</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> -<span class='line'>1680</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> -<span class='line'>1681</span> </span></pre></body></html>
\ No newline at end of file +<span class='line'>1638</span> +<span class='line'>1639</span> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1640</span> </span><span class="WHIT"> </span><span class="NAME">_addEventHandlers</span><span class="WHIT"> </span><span class="PUNC">:</span><span class="WHIT"> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1641</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">that</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="KEYW">this</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1642</span> </span><span class="NAME">that.doc</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">that.node.getSVGDocument</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1643</span> </span><span class="NAME">that.node.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> +<span class='line'>1644</span> </span><span class="WHIT"> </span><span class="STRN">"load"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1645</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1646</span> </span><span class="NAME">that.doc</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">that.node.getSVGDocument</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1647</span> </span><span class="NAME">that.root</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="NAME">that.doc.documentElement</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1648</span> </span><span class="WHIT"> </span><span class="NAME">Karma._counters.loaded</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1649</span> </span><span class="WHIT"> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1650</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"loaded"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1651</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1652</span> +<span class='line'>1653</span> </span><span class="WHIT"> </span><span class="NAME">that.node.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> +<span class='line'>1654</span> </span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1655</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1656</span> </span><span class="NAME">Karma._counters.loaded</span><span class="PUNC">--</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1657</span> </span><span class="WHIT"> </span><span class="NAME">Karma._counters.errors</span><span class="PUNC">++</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1658</span> </span><span class="WHIT"> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"error"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1659</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"Error: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>1660</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" cannot be loaded."</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1661</span> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1662</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1663</span> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1664</span> </span><span class="WHIT"> </span><span class="NAME">that.node.addEventListener</span><span class="PUNC">(</span><span class="WHIT"> +<span class='line'>1665</span> </span><span class="WHIT"> </span><span class="STRN">"abort"</span><span class="PUNC">,</span><span class="WHIT"> +<span class='line'>1666</span> </span><span class="KEYW">function</span><span class="WHIT"> </span><span class="PUNC">(</span><span class="NAME">e</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">{</span><span class="WHIT"> +<span class='line'>1667</span> </span><span class="NAME">that.status</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"aborted"</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1668</span> </span><span class="WHIT"> </span><span class="KEYW">var</span><span class="WHIT"> </span><span class="NAME">errorMsg</span><span class="WHIT"> </span><span class="PUNC">=</span><span class="WHIT"> </span><span class="STRN">"ABORT: "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that._type.toUpperCase</span><span class="PUNC">(</span><span class="PUNC">)</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> +<span class='line'>1669</span> </span><span class="WHIT"> </span><span class="STRN">" "</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="NAME">that.name</span><span class="WHIT"> </span><span class="PUNC">+</span><span class="WHIT"> </span><span class="STRN">" loading was aborted."</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1670</span> </span><span class="NAME">Karma._updateStatus</span><span class="PUNC">(</span><span class="NAME">errorMsg</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1671</span> +<span class='line'>1672</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="PUNC">,</span><span class="WHIT"> </span><span class="KEYW">false</span><span class="PUNC">)</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1673</span> +<span class='line'>1674</span> </span><span class="WHIT"> </span><span class="PUNC">}</span><span class="WHIT"> +<span class='line'>1675</span> </span><span class="PUNC">}</span><span class="PUNC">;</span><span class="WHIT"> +<span class='line'>1676</span> </span></pre></body></html>
\ No newline at end of file diff --git a/examples/English_Animal_Identification/assets/image/play_again_icon.png b/examples/English_Animal_Identification/assets/image/play_again_icon.png Binary files differindex ce6b708..ce6b708 100644..100755 --- a/examples/English_Animal_Identification/assets/image/play_again_icon.png +++ b/examples/English_Animal_Identification/assets/image/play_again_icon.png diff --git a/examples/English_Animal_Identification/css/ui.scoreboard.css b/examples/English_Animal_Identification/css/ui.scoreboard.css index b1dca40..b1dca40 100644..100755 --- a/examples/English_Animal_Identification/css/ui.scoreboard.css +++ b/examples/English_Animal_Identification/css/ui.scoreboard.css diff --git a/examples/QuickMultiplication/assets/svg/drawing.svg b/examples/QuickMultiplication/assets/svg/drawing.svg index e43d06d..e43d06d 100644..100755 --- a/examples/QuickMultiplication/assets/svg/drawing.svg +++ b/examples/QuickMultiplication/assets/svg/drawing.svg diff --git a/examples/QuickMultiplication/css/lesson.css b/examples/QuickMultiplication/css/lesson.css index 85dfc00..85dfc00 100644..100755 --- a/examples/QuickMultiplication/css/lesson.css +++ b/examples/QuickMultiplication/css/lesson.css diff --git a/examples/QuickMultiplication/index.html b/examples/QuickMultiplication/index.html index 3ef3ffc..3ef3ffc 100644..100755 --- a/examples/QuickMultiplication/index.html +++ b/examples/QuickMultiplication/index.html diff --git a/examples/QuickMultiplication/js/lesson.js b/examples/QuickMultiplication/js/lesson.js index ebc85b0..ebc85b0 100644..100755 --- a/examples/QuickMultiplication/js/lesson.js +++ b/examples/QuickMultiplication/js/lesson.js diff --git a/js/jquery.svg.min.js b/js/jquery.svg.min.js index d6ad13c..d6ad13c 100644..100755 --- a/js/jquery.svg.min.js +++ b/js/jquery.svg.min.js diff --git a/js/jquery.svganim.min.js b/js/jquery.svganim.min.js index 09c432b..09c432b 100644..100755 --- a/js/jquery.svganim.min.js +++ b/js/jquery.svganim.min.js diff --git a/js/jquery.svgdom.min.js b/js/jquery.svgdom.min.js index e3db0c8..e3db0c8 100644..100755 --- a/js/jquery.svgdom.min.js +++ b/js/jquery.svgdom.min.js diff --git a/js/karma.js b/js/karma.js index 719d478..75a8fd3 100755 --- a/js/karma.js +++ b/js/karma.js @@ -52,11 +52,12 @@ if(!this.exports) { /** Karma is the namespace for the Karma library and Karma() is the constructor - * function for the Karma library object Karma.karma. + * function for the Karma library object Karma. * Karma() checks if the current document type is set to HTML 5, throws * an error if not. Otherwise, initializes the karma object and returns * a reference to that object. * @namespace Global namespace for Karma library + * @constructor * @param {Object} [options={}] options for intializing Karma library * @param {String} [options.locale=''] sets current locale Not Yet Implemented * @param {Array} [options.image=[]] array of images to be converted into a collection @@ -70,7 +71,7 @@ if(!this.exports) { * @throws {Error} if the document type declaration is not set to HTML 5, e.g. * <!DOCTYPE html> * @throws {Error} If any of the initialization parameters are invalid values - * @returns {Object} Karma.karma -- reference to the initialized Karma library + * @returns {Object} Karma -- reference to the initialized Karma library * @example * * var k = Karma({ @@ -109,10 +110,10 @@ if(!this.exports) { var Karma = exports.Karma = function (options) { Karma._isHtml5(document.doctype.nodeName); - if ( Karma.karma._initialized === true ) { - return Karma.karma; + if ( Karma._initialized === true ) { + return Karma; } else { - return Karma.karma._init(options); + return Karma._init(options); } }; @@ -167,6 +168,8 @@ Karma.objectPlus = function (target, source){ return target; }; +Karma.extend = Karma.objectPlus; + /** Creates a new object that is a prototype of the first argument * then extends it with the properties of the second argument * @param {Object} parent1 will be prototype of returned object @@ -280,42 +283,45 @@ Karma.rand = function ( lower, upper ){ }; -/** Stores global settings for the Karma library - * @class This object stores the global settings for the Karma library - */ -Karma.karma = { +Karma.extend(Karma, { /** This is the global locale as passed to Karma(), * such as "en", "es_SP" + * @fieldOf Karma * @property {string} locale This is the global locale as passed to Karma() * @default undefined */ locale : undefined, /** Collection of images with special helper * methods added to each reference + * @fieldOf Karma * @type object * @default empty object */ image : {}, /** Collection of audio files with special helper * methods added to each reference + * @fieldOf Karma * @type object * @default empty object */ audio : {}, /** Collection of html 5 canvases with special helper * methods added to each reference + * @fieldOf Karma * @type object * @default empty object */ canvas : {}, /** Collection of svgs with special helper * methods added to each reference + * @fieldOf Karma * @type object * @default empty object */ svg : {}, /** Collection of videos with special helper * methods added to each reference + * @fieldOf Karma * @type object * @default empty object */ @@ -328,7 +334,7 @@ Karma.karma = { _loaderDiv : undefined, _counters : { total : 0, errors : 0, loaded : 0}, - //This constructs the Karma.karma object per values provided by the user + //This constructs the Karma object per values provided by the user _init: function(options) { this._initialized = true; @@ -410,9 +416,10 @@ Karma.karma = { }, /** Waits until all assets loaded(ready), then calls callback cb + * @memberOf Karma * @param {Function} [cb] callback function * @returns this - * @throws {Error} if Karma.karma is not initialized with the + * @throws {Error} if Karma is not initialized with the * Karma({ options }) function * @example * @@ -425,8 +432,8 @@ Karma.karma = { */ ready : function( cb ) { var that = this; - if (Karma.karma._initialized !== true){ - throw new Error("Karma.karma not initialized"); + if (Karma._initialized !== true){ + throw new Error("Karma not initialized"); } if (this._counters.loaded !== this._counters.total){ @@ -495,14 +502,13 @@ Karma.karma = { -}; +}); //Helper functions for creating assets - Karma._isLocalized = function (boolLocalized) { if (typeof boolLocalized === "boolean" ) { if(boolLocalized === true && - Karma.karma.locale === undefined){ + Karma.locale === undefined){ throw new Error("You cannot localize a media asset" + " if the global locale for Karma isn't set"); } else { @@ -516,7 +522,7 @@ Karma._isLocalized = function (boolLocalized) { }; Karma._computeLocalePath = function(locale) { - return Karma.karma._assetPath + locale + "/"; + return Karma._assetPath + locale + "/"; }; @@ -545,7 +551,7 @@ Karma._makeCollection = function (configs, type){ } asset = Karma.create(target)._init(config); - Karma.karma[type][config.name] = asset; + Karma[type][config.name] = asset; }; configs.forEach(function(config){ makeAsset(config);}); @@ -562,7 +568,7 @@ Karma._makeCollection = function (configs, type){ * @class This object is the prototype for images submitted to Karma in the * Karma() method * @ throws {Error} if the image asset is set to be localized but - * the global locale is not set on the Karma.karma object + * the global locale is not set on the Karma object * @ throws {Error} if the name and file properties are not supplied * @example * kImage is the prototype object for images. This 'media' asset is loaded @@ -589,7 +595,7 @@ Karma.kImage = //initializes kImage instance with values provided by user _init : function (image) { image._localized = image._localized || false; - Karma.karma._counters.total++; + Karma._counters.total++; if (image.name === undefined || image.file === undefined){ throw new Error("properties name and file have to be defined"); @@ -602,9 +608,9 @@ Karma.kImage = if(Karma._isLocalized(image._localized)){ this._localized = image._localized; - this._path = Karma.karma._localePath + "image/"; + this._path = Karma._localePath + "image/"; } else { - this._path = Karma.karma._assetPath + "image/"; + this._path = Karma._assetPath + "image/"; } //IMPORTANT: This one magic line loads the file @@ -624,28 +630,28 @@ Karma.kImage = that.media.addEventListener( "load", function (e) { - Karma.karma._counters.loaded++; - Karma.karma._updateStatus(); + Karma._counters.loaded++; + Karma._updateStatus(); that.status = "loaded";}, false); that.media.addEventListener( "error", function (e) { - Karma.karma._counters.errors++; + Karma._counters.errors++; that.status = "error"; var errorMsg = "Error: " + that._type.toUpperCase() + " " + that.name + " cannot be loaded."; - Karma.karma._updateStatus(errorMsg); + Karma._updateStatus(errorMsg); }, false); that.media.addEventListener( "abort", function (e) { - Karma.karma._counters.total++; + Karma._counters.total++; that.status = "aborted"; var errorMsg = "ABORT: " + that._type.toUpperCase() + " " + that.name + " loading was aborted."; - Karma.karma._updateStatus(errorMsg); + Karma._updateStatus(errorMsg); }, false); } @@ -656,7 +662,7 @@ Karma.kImage = * @class This object is the prototype for audio files submitted to Karma in the * Karma() method * @ throws {Error} if the individual audio asset is set to be localized but - * the globale locale is not set on the Karma.karma object + * the globale locale is not set on the Karma object * @ throws {Error} if the name and file properties are not supplied * @example * kAudio is the prototype object for audio @@ -687,7 +693,7 @@ Karma.kAudio = { //initializes kAudio instance with values provided by user _init : function (audio) { audio._localized = audio._localized || false; - Karma.karma._counters.total++; + Karma._counters.total++; if (audio.name === undefined || audio.file === undefined){ throw new Error("properties name and file have to be defined"); @@ -700,9 +706,9 @@ Karma.kAudio = { if(Karma._isLocalized(audio._localized)){ this._localized = audio._localized; - this._path = Karma.karma._localePath + "audio/"; + this._path = Karma._localePath + "audio/"; } else { - this._path = Karma.karma._assetPath + "audio/"; + this._path = Karma._assetPath + "audio/"; } @@ -728,28 +734,28 @@ Karma.kAudio = { that.media.addEventListener( "canplaythrough", function (e) { - Karma.karma._counters.loaded++; - Karma.karma._updateStatus(); + Karma._counters.loaded++; + Karma._updateStatus(); that.status = "loaded";}, false); that.media.addEventListener( "error", function (e) { - Karma.karma._counters.errors++; + Karma._counters.errors++; that.status = "error"; var errorMsg = "Error: " + that._type.toUpperCase() + " " + that.name + " cannot be loaded."; - Karma.karma._updateStatus(errorMsg); + Karma._updateStatus(errorMsg); }, false); that.media.addEventListener( "abort", function (e) { - Karma.karma._counters.total++; + Karma._counters.total++; that.status = "aborted"; var errorMsg = "ABORT: " + that._type.toUpperCase() + " " + that.name + " loading was aborted."; - Karma.karma._updateStatus(errorMsg); + Karma._updateStatus(errorMsg); }, false); @@ -765,7 +771,7 @@ Karma.kAudio = { * @class Not Yet Implemented:This object is the prototype for video files submitted * to Karma in the Karma() method * @ throws {Error} if the individual video asset is set to be localized but - * the globale locale is not set on the Karma.karma object + * the globale locale is not set on the Karma object * @ throws {Error} if the name and file properties are not supplied */ Karma.kVideo = { @@ -787,11 +793,11 @@ Karma.kVideo = { //initializes kVideo instance with values provided by user _init : function (video) { //Not Yet Implemented - Karma.karma._counters.errors++; + Karma._counters.errors++; throw new Error("Video is not Yet Implemented"); video._localized = video._localized || false; - Karma.karma._counters.total++; + Karma._counters.total++; if (video.name === undefined || video.file === undefined){ throw new Error("properties name and file have to be defined"); @@ -804,9 +810,9 @@ Karma.kVideo = { if(Karma._isLocalized(video._localized)){ this._localized = video._localized; - this._path = Karma.karma._localePath + "video/"; + this._path = Karma._localePath + "video/"; } else { - this._path = Karma.karma._assetPath + "video/"; + this._path = Karma._assetPath + "video/"; } @@ -828,28 +834,28 @@ Karma.kVideo = { that.media.addEventListener( "canplaythrough", function (e) { - Karma.karma._counters.loaded++; - Karma.karma._updateStatus(); + Karma._counters.loaded++; + Karma._updateStatus(); that.status = "loaded";}, false); that.media.addEventListener( "error", function (e) { - Karma.karma._counters.errors++; + Karma._counters.errors++; that.status = "error"; var errorMsg = "Error: " + that._type.toUpperCase() + " " + that.name + " cannot be loaded."; - Karma.karma._updateStatus(errorMsg); + Karma._updateStatus(errorMsg); }, false); that.media.addEventListener( "abort", function (e) { - Karma.karma._counters.total++; + Karma._counters.total++; that.status = "aborted"; var errorMsg = "ABORT: " + that._type.toUpperCase() + " " + that.name + " loading was aborted."; - Karma.karma._updateStatus(errorMsg); + Karma._updateStatus(errorMsg); }, false); @@ -898,8 +904,8 @@ Karma.kCanvas = { * @example * //You can access all properties and methods of the underlying DOM element * //using the 'node' property - * Karma.karma.canvas.someCanvas.node.dispatchEvent( ... some event ...); - * var stuff = Karma.karma.canvas.someCanvas.node.innerHTML; + * Karma.canvas.someCanvas.node.dispatchEvent( ... some event ...); + * var stuff = Karma.canvas.someCanvas.node.innerHTML; * */ node: undefined, @@ -909,8 +915,8 @@ Karma.kCanvas = { * @example * //Almost all of the context attributes and methods are wrapped in helper functions * //but you can also access them directly using the ctx property - * Karma.karma.canvas.someCanvas.ctx.drawImage(someImage, x, y); - * Karma.karma.canvas.someCanvas.ctx.fillStyle = "#ffffff"; + * Karma.canvas.someCanvas.ctx.drawImage(someImage, x, y); + * Karma.canvas.someCanvas.ctx.fillStyle = "#ffffff"; */ ctx: undefined, @@ -1557,8 +1563,8 @@ Karma.kSvg = { * @example * //You can access all properties and methods of the underlying DOM element * //using the 'node' property - * Karma.karma.svg.someSvg.node.dispatchEvent; - * Karma.karma.svg.someSvg.node.addEvenListener(...); + * Karma.svg.someSvg.node.dispatchEvent; + * Karma.svg.someSvg.node.addEvenListener(...); */ node: undefined, /** Reference to the SVGDocument. You can use the this.doc to manipulate @@ -1566,9 +1572,9 @@ Karma.kSvg = { * @type SVGDocument * @default undefined * @example - * var myElem = Karma.karma.svg.someSvg.doc.getElementById('foobar'); - * Karma.karma.svg.someSvg.doc.createElement(...); - * Karma.karma.svg.someSvg.doc.removeChild(someNode); + * var myElem = Karma.svg.someSvg.doc.getElementById('foobar'); + * Karma.svg.someSvg.doc.createElement(...); + * Karma.svg.someSvg.doc.removeChild(someNode); * */ doc: undefined, @@ -1578,12 +1584,12 @@ Karma.kSvg = { * @example * // The root element is equivalent to "document" in a regular html document * // The root attribute is used frequently with the jQuery SVG plugin for CSS selectors - * $('#someId', Karma.karma.svg.someSvg.root).css(.. manipulate css attributes ...); + * $('#someId', Karma.svg.someSvg.root).css(.. manipulate css attributes ...); */ root: undefined, _localized : undefined, _init: function (config) { - Karma.karma._counters.total++; + Karma._counters.total++; for (var option in config){ if (config.hasOwnProperty(option)){ @@ -1639,20 +1645,20 @@ Karma.kSvg = { function (e) { that.doc = that.node.getSVGDocument(); that.root = that.doc.documentElement; - Karma.karma._counters.loaded++; - Karma.karma._updateStatus(); + Karma._counters.loaded++; + Karma._updateStatus(); that.status = "loaded"; }, false); that.node.addEventListener( "error", function (e) { - Karma.karma._counters.loaded--; - Karma.karma._counters.errors++; + Karma._counters.loaded--; + Karma._counters.errors++; that.status = "error"; var errorMsg = "Error: " + that._type.toUpperCase() + " " + that.name + " cannot be loaded."; - Karma.karma._updateStatus(errorMsg); + Karma._updateStatus(errorMsg); }, false); that.node.addEventListener( @@ -1661,7 +1667,7 @@ Karma.kSvg = { that.status = "aborted"; var errorMsg = "ABORT: " + that._type.toUpperCase() + " " + that.name + " loading was aborted."; - Karma.karma._updateStatus(errorMsg); + Karma._updateStatus(errorMsg); }, false); diff --git a/js/ui.scoreboard.js b/js/ui.scoreboard.js index 9be6c05..9be6c05 100644..100755 --- a/js/ui.scoreboard.js +++ b/js/ui.scoreboard.js diff --git a/list.html b/list.html index 14dcab1..14dcab1 100644..100755 --- a/list.html +++ b/list.html diff --git a/list.html~ b/list.html~ index 23573b1..23573b1 100644..100755 --- a/list.html~ +++ b/list.html~ diff --git a/tests/js/tests.js b/tests/js/tests.js index c7dfc3d..b37c0b9 100755 --- a/tests/js/tests.js +++ b/tests/js/tests.js @@ -1,7 +1,7 @@ $(document).ready( function(){ // k is a shortcut for the Karma object - var k = Karma.karma; + var k = Karma; var hasProperties = function (properties) { for (var prop in properties) { @@ -35,7 +35,7 @@ }; //unit test suite uses this function - Karma.karma.reset = function () { + k.reset = function () { while($('#starterMsg').length === 1){ $('#starterMsg').remove(); }; @@ -59,11 +59,11 @@ this._counters.errors = 0; this._counters.loaded = 0; this._loaderDiv = undefined; - return Karma.karma; + return k; }; //clean up any error message crap left behind - //by initializing and resetting Karma.karma + //by initializing and resetting Karma //call it in the last asynchronous test var removeMsgs = function () { while($('#karma-status').length === 1){ @@ -81,7 +81,7 @@ //Need to test if doctype is html5 // and if browser supports html5 - ok( Karma, "Karma library loaded"); + ok( k, "Karma library loaded"); ok( Array.prototype.push, "Array.push()" ); ok( Function.prototype.apply, "Function.apply()" ); ok( document.getElementById, "getElementById" ); @@ -152,7 +152,7 @@ ok(k._initialized === true, "Karma() sets initialized property on k"); var karma2 = Karma(); - ok(karma1 === karma2, "Karma() only allows one instance of Karma.karma"); + ok(karma1 === karma2, "Karma() only allows one instance of Karma"); }); @@ -163,7 +163,7 @@ ok(shouldError( function(){ - Karma.karma._init(); + Karma._init(); var doctype = "xhtml"; Karma._isHtml5(doctype); }), "The doctype has to be set to <!DOCTYPE html>" + @@ -178,14 +178,14 @@ errorElem.parentNode.removeChild(errorElem); }); - test("Karma.karma._init()", function() { + test("Karma._init()", function() { expect(5); k.reset(); ok( shouldNotError( function(){ k._init(); - }), "Karma.karma._init() does not throw errors when " + + }), "Karma._init() does not throw errors when " + "initialized with no options"); k.reset(); @@ -229,7 +229,7 @@ - test("Karma.karma.ready()", function () { + test("Karma.ready()", function () { expect(3); ok(shouldError(function () {k.ready();}), "Uninitialized karma instance " + "generates error on .ready()"); @@ -239,7 +239,7 @@ k._init().ready(); var starterMsg = document.getElementById('starterMsg'); ok(starterMsg, - "Karma.karma.ready() with no callback displays starter msg"); + "Karma.ready() with no callback displays starter msg"); //clean up document.body.removeChild(starterMsg); k.reset(); @@ -399,7 +399,7 @@ function(){ myVideo._init(config); }), "Video is not yet supported"); - ok(Karma.karma._counters.errors > 0, "Error counter incremented"); + ok(Karma._counters.errors > 0, "Error counter incremented"); }); test("Karma._isLocalized(boolLocalized)", @@ -731,7 +731,7 @@ ok(isShuffled, "Shuffles each time"); }); - //Karma.karma.radians + //Karma.radians test('Karma.radians', function(){ expect(1); @@ -788,7 +788,7 @@ }); - test("Karma.karma.ready() removes 'Karma is loading ... ' message", + test("Karma.ready() removes 'Karma is loading ... ' message", function(){ expect(1); k.reset()._init(); @@ -801,7 +801,7 @@ }); //for whatever reason, this test only works if run last - asyncTest("Karma.karma.ready() check callback execution", + asyncTest("Karma.ready() check callback execution", function(){ expect(2); //test that callback isn't called while asset isn't ready yet |
