npm - etro - Versions diffs - 0.7.0 → 0.8.2 - Mend

etro 0.7.0 → 0.8.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (158) hide show

package/.github/workflows/nodejs.yml +4 -2
package/.github/workflows/shipjs-trigger.yml +29 -0
package/CHANGELOG.md +73 -12
package/CODE_OF_CONDUCT.md +5 -5
package/CONTRIBUTING.md +31 -77
package/README.md +81 -26
package/dist/effect/base.d.ts +51 -0
package/dist/effect/brightness.d.ts +16 -0
package/dist/effect/channels.d.ts +23 -0
package/dist/effect/chroma-key.d.ts +23 -0
package/dist/effect/contrast.d.ts +15 -0
package/dist/effect/elliptical-mask.d.ts +31 -0
package/dist/effect/gaussian-blur.d.ts +60 -0
package/dist/effect/grayscale.d.ts +7 -0
package/dist/effect/index.d.ts +15 -0
package/dist/effect/pixelate.d.ts +18 -0
package/dist/effect/shader.d.ts +99 -0
package/dist/effect/stack.d.ts +23 -0
package/dist/effect/transform.d.ts +73 -0
package/dist/etro-cjs.js +9287 -3331
package/dist/etro-iife.js +9229 -3273
package/dist/etro.d.ts +7 -0
package/dist/event.d.ts +35 -0
package/dist/index.d.ts +6 -0
package/dist/layer/audio-source.d.ts +24 -0
package/dist/layer/audio.d.ts +14 -0
package/dist/layer/base.d.ts +82 -0
package/dist/layer/image.d.ts +6 -0
package/dist/layer/index.d.ts +11 -0
package/dist/layer/text.d.ts +60 -0
package/dist/layer/video.d.ts +11 -0
package/dist/layer/visual-source.d.ts +32 -0
package/dist/layer/visual.d.ts +58 -0
package/dist/movie.d.ts +192 -0
package/dist/object.d.ts +12 -0
package/dist/util.d.ts +125 -0
package/eslint.conf.js +2 -9
package/eslint.example-conf.js +9 -0
package/eslint.test-conf.js +1 -0
package/eslint.typescript-conf.js +5 -0
package/examples/application/readme-screenshot.html +16 -17
package/examples/application/video-player.html +10 -11
package/examples/application/webcam.html +6 -6
package/examples/introduction/audio.html +30 -18
package/examples/introduction/effects.html +37 -14
package/examples/introduction/export.html +32 -25
package/examples/introduction/functions.html +6 -4
package/examples/introduction/hello-world1.html +9 -5
package/examples/introduction/hello-world2.html +5 -5
package/examples/introduction/keyframes.html +35 -23
package/examples/introduction/media.html +26 -18
package/examples/introduction/text.html +9 -5
package/karma.conf.js +5 -3
package/package.json +36 -14
package/rollup.config.js +15 -4
package/scripts/gen-effect-samples.html +26 -25
package/scripts/save-effect-samples.js +14 -15
package/ship.config.js +80 -0
package/src/effect/base.ts +115 -0
package/src/effect/brightness.ts +43 -0
package/src/effect/channels.ts +50 -0
package/src/effect/chroma-key.ts +82 -0
package/src/effect/contrast.ts +42 -0
package/src/effect/elliptical-mask.ts +75 -0
package/src/effect/gaussian-blur.ts +232 -0
package/src/effect/grayscale.ts +34 -0
package/src/effect/index.ts +22 -0
package/src/effect/pixelate.ts +58 -0
package/src/effect/shader.ts +557 -0
package/src/effect/stack.ts +78 -0
package/src/effect/transform.ts +193 -0
package/src/etro.ts +26 -0
package/src/event.ts +112 -0
package/src/index.ts +8 -0
package/src/layer/audio-source.ts +219 -0
package/src/layer/audio.ts +34 -0
package/src/layer/base.ts +175 -0
package/src/layer/image.ts +8 -0
package/src/layer/index.ts +13 -0
package/src/layer/text.ts +138 -0
package/src/layer/video.ts +15 -0
package/src/layer/visual-source.ts +150 -0
package/src/layer/visual.ts +197 -0
package/src/movie.ts +707 -0
package/src/object.ts +14 -0
package/src/util.ts +466 -0
package/tsconfig.json +8 -0
package/docs/effect.js.html +0 -1215
package/docs/event.js.html +0 -145
package/docs/index.html +0 -81
package/docs/index.js.html +0 -92
package/docs/layer.js.html +0 -888
package/docs/module-effect-GaussianBlurComponent.html +0 -345
package/docs/module-effect.Brightness.html +0 -339
package/docs/module-effect.Channels.html +0 -319
package/docs/module-effect.ChromaKey.html +0 -611
package/docs/module-effect.Contrast.html +0 -339
package/docs/module-effect.EllipticalMask.html +0 -200
package/docs/module-effect.GaussianBlur.html +0 -202
package/docs/module-effect.GaussianBlurHorizontal.html +0 -242
package/docs/module-effect.GaussianBlurVertical.html +0 -242
package/docs/module-effect.Pixelate.html +0 -330
package/docs/module-effect.Shader.html +0 -1227
package/docs/module-effect.Stack.html +0 -406
package/docs/module-effect.Transform.Matrix.html +0 -193
package/docs/module-effect.Transform.html +0 -1174
package/docs/module-effect.html +0 -148
package/docs/module-event.html +0 -473
package/docs/module-index.html +0 -186
package/docs/module-layer-Media.html +0 -1116
package/docs/module-layer-MediaMixin.html +0 -164
package/docs/module-layer.Audio.html +0 -1188
package/docs/module-layer.Base.html +0 -629
package/docs/module-layer.Image.html +0 -1421
package/docs/module-layer.Text.html +0 -1731
package/docs/module-layer.Video.html +0 -1938
package/docs/module-layer.Visual.html +0 -1698
package/docs/module-layer.html +0 -137
package/docs/module-movie.html +0 -3118
package/docs/module-util.Color.html +0 -702
package/docs/module-util.Font.html +0 -395
package/docs/module-util.html +0 -845
package/docs/movie.js.html +0 -689
package/docs/scripts/collapse.js +0 -20
package/docs/scripts/linenumber.js +0 -25
package/docs/scripts/nav.js +0 -12
package/docs/scripts/polyfill.js +0 -4
package/docs/scripts/prettify/Apache-License-2.0.txt +0 -202
package/docs/scripts/prettify/lang-css.js +0 -2
package/docs/scripts/prettify/prettify.js +0 -28
package/docs/scripts/search.js +0 -83
package/docs/styles/jsdoc.css +0 -671
package/docs/styles/prettify.css +0 -79
package/docs/util.js.html +0 -503
package/screenshots/2019-08-17_0.png +0 -0
package/spec/assets/effect/gaussian-blur-horizontal.png +0 -0
package/spec/assets/effect/gaussian-blur-vertical.png +0 -0
package/spec/assets/effect/original.png +0 -0
package/spec/assets/effect/pixelate.png +0 -0
package/spec/assets/effect/transform/multiply.png +0 -0
package/spec/assets/effect/transform/rotate.png +0 -0
package/spec/assets/effect/transform/scale-fraction.png +0 -0
package/spec/assets/effect/transform/scale.png +0 -0
package/spec/assets/effect/transform/translate-fraction.png +0 -0
package/spec/assets/effect/transform/translate.png +0 -0
package/spec/assets/layer/audio.wav +0 -0
package/spec/assets/layer/image.jpg +0 -0
package/spec/effect.spec.js +0 -352
package/spec/event.spec.js +0 -25
package/spec/layer.spec.js +0 -150
package/spec/movie.spec.js +0 -162
package/spec/util.spec.js +0 -285
package/src/effect.js +0 -1268
package/src/event.js +0 -78
package/src/index.js +0 -23
package/src/layer.js +0 -897
package/src/movie.js +0 -637
package/src/util.js +0 -505

package/docs/module-layer.Text.html DELETED Viewed

@@ -1,1731 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <title>Text - Documentation</title>
-    <script src="scripts/prettify/prettify.js"></script>
-    <script src="scripts/prettify/lang-css.js"></script>
-    <!--[if lt IE 9]>
-      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-    <![endif]-->
-    <link type="text/css" rel="stylesheet" href="styles/prettify.css">
-    <link type="text/css" rel="stylesheet" href="styles/jsdoc.css">
-    <script src="scripts/nav.js" defer></script>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-</head>
-<body>
-<input type="checkbox" id="nav-trigger" class="nav-trigger" />
-<label for="nav-trigger" class="navicon-button x">
-  <div class="navicon"></div>
-</label>
-<label for="nav-trigger" class="overlay"></label>
-<nav >
-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="module-effect.Brightness.html">Brightness</a></li><li><a href="module-effect.Channels.html">Channels</a></li><li><a href="module-effect.ChromaKey.html">ChromaKey</a></li><li><a href="module-effect.Contrast.html">Contrast</a></li><li><a href="module-effect.EllipticalMask.html">EllipticalMask</a></li><li><a href="module-effect.GaussianBlur.html">GaussianBlur</a></li><li><a href="module-effect.GaussianBlurHorizontal.html">GaussianBlurHorizontal</a></li><li><a href="module-effect.GaussianBlurVertical.html">GaussianBlurVertical</a></li><li><a href="module-effect.Pixelate.html">Pixelate</a></li><li><a href="module-effect.Shader.html">Shader</a><ul class='methods'><li data-type='method'><a href="module-effect.Shader.html#._initBuffer">_initBuffer</a></li><li data-type='method'><a href="module-effect.Shader.html#._loadTexture">_loadTexture</a></li><li data-type='method'><a href="module-effect.Shader.html#_prepareValue">_prepareValue</a></li></ul></li><li><a href="module-effect.Stack.html">Stack</a><ul class='methods'><li data-type='method'><a href="module-effect.Stack.html#addEffect">addEffect</a></li></ul></li><li><a href="module-effect.Transform.html">Transform</a><ul class='methods'><li data-type='method'><a href="module-effect.Transform.html#.Matrix#cell">Matrix#cell</a></li><li data-type='method'><a href="module-effect.Transform.html#.Matrix#multiply">Matrix#multiply</a></li><li data-type='method'><a href="module-effect.Transform.html#.Matrix#rotate">Matrix#rotate</a></li><li data-type='method'><a href="module-effect.Transform.html#.Matrix#scale">Matrix#scale</a></li><li data-type='method'><a href="module-effect.Transform.html#.Matrix#translate">Matrix#translate</a></li></ul></li><li><a href="module-effect.Transform.Matrix.html">Matrix</a></li><li><a href="module-effect-GaussianBlurComponent.html">GaussianBlurComponent</a></li><li><a href="module-layer.Audio.html">Audio</a></li><li><a href="module-layer.Base.html">Base</a><ul class='methods'><li data-type='method'><a href="module-layer.Base.html#_render">_render</a></li></ul></li><li><a href="module-layer.Image.html">Image</a></li><li><a href="module-layer.Text.html">Text</a></li><li><a href="module-layer.Video.html">Video</a></li><li><a href="module-layer.Visual.html">Visual</a><ul class='methods'><li data-type='method'><a href="module-layer.Visual.html#_render">_render</a></li><li data-type='method'><a href="module-layer.Visual.html#addEffect">addEffect</a></li></ul></li><li><a href="module-layer-Media.html">Media</a></li><li><a href="module-movie.html">movie</a><ul class='methods'><li data-type='method'><a href="module-movie.html#addEffect">addEffect</a></li><li data-type='method'><a href="module-movie.html#addLayer">addLayer</a></li><li data-type='method'><a href="module-movie.html#pause">pause</a></li><li data-type='method'><a href="module-movie.html#play">play</a></li><li data-type='method'><a href="module-movie.html#publishToLayers">publishToLayers</a></li><li data-type='method'><a href="module-movie.html#record">record</a></li><li data-type='method'><a href="module-movie.html#refresh">refresh</a></li><li data-type='method'><a href="module-movie.html#setCurrentTime">setCurrentTime</a></li><li data-type='method'><a href="module-movie.html#stop">stop</a></li></ul></li><li><a href="module-util.Color.html">Color</a><ul class='methods'><li data-type='method'><a href="module-util.Color.html#toString">toString</a></li></ul></li><li><a href="module-util.Font.html">Font</a><ul class='methods'><li data-type='method'><a href="module-util.Font.html#toString">toString</a></li></ul></li></ul><h3>Modules</h3><ul><li><a href="module-effect.html">effect</a></li><li><a href="module-event.html">event</a><ul class='methods'><li data-type='method'><a href="module-event.html#.publish">publish</a></li><li data-type='method'><a href="module-event.html#.subscribe">subscribe</a></li></ul></li><li><a href="module-index.html">index</a></li><li><a href="module-layer.html">layer</a></li><li><a href="module-movie.html">movie</a><ul class='methods'><li data-type='method'><a href="module-movie.html#addEffect">addEffect</a></li><li data-type='method'><a href="module-movie.html#addLayer">addLayer</a></li><li data-type='method'><a href="module-movie.html#pause">pause</a></li><li data-type='method'><a href="module-movie.html#play">play</a></li><li data-type='method'><a href="module-movie.html#publishToLayers">publishToLayers</a></li><li data-type='method'><a href="module-movie.html#record">record</a></li><li data-type='method'><a href="module-movie.html#refresh">refresh</a></li><li data-type='method'><a href="module-movie.html#setCurrentTime">setCurrentTime</a></li><li data-type='method'><a href="module-movie.html#stop">stop</a></li></ul></li><li><a href="module-util.html">util</a><ul class='methods'><li data-type='method'><a href="module-util.html#.parseColor">parseColor</a></li><li data-type='method'><a href="module-util.html#.parseFont">parseFont</a></li><li data-type='method'><a href="module-util.html#.watchPublic">watchPublic</a></li><li data-type='method'><a href="module-util.html#~isKeyFrames">isKeyFrames</a></li></ul></li></ul><h3>Mixins</h3><ul><li><a href="module-layer-MediaMixin.html">MediaMixin</a></li></ul>
-</nav>
-<div id="main">
-    <h1 class="page-title">Text</h1>
-<section>
-<header>
-        <h2>
-            <span class="ancestors"><a href="module-layer.html">layer</a>.</span>
-        Text
-        </h2>
-</header>
-<article>
-        <div class="container-overview">
-    <h4 class="name" id="Text"><span class="type-signature"></span>new Text<span class="signature">(startTime, duration, text, width, height, options<span class="signature-attributes">opt</span>)</span><span class="type-signature"></span></h4>
-<dl class="details">
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="layer.js.html">layer.js</a>, <a href="layer.js.html#line299">line 299</a>
-    </li></ul></dd>
-    <dt class="tag-todo">To Do:</dt>
-    <dd class="tag-todo">
-        <ul>
-            <li>add padding options</li>
-        </ul>
-    </dd>
-</dl>
-<div class="description">
-    Creates a new text layer
-</div>
-    <h5>Parameters:</h5>
-<table class="params">
-    <thead>
-    <tr>
-        <th>Name</th>
-        <th>Type</th>
-        <th>Attributes</th>
-        <th class="last">Description</th>
-    </tr>
-    </thead>
-    <tbody>
-        <tr>
-                <td class="name"><code>startTime</code></td>
-            <td class="type">
-<span class="param-type">number</span>
-            </td>
-                <td class="attributes">
-                </td>
-            <td class="description last"></td>
-        </tr>
-        <tr>
-                <td class="name"><code>duration</code></td>
-            <td class="type">
-<span class="param-type">number</span>
-            </td>
-                <td class="attributes">
-                </td>
-            <td class="description last"></td>
-        </tr>
-        <tr>
-                <td class="name"><code>text</code></td>
-            <td class="type">
-<span class="param-type">string</span>
-            </td>
-                <td class="attributes">
-                </td>
-            <td class="description last">the text to display</td>
-        </tr>
-        <tr>
-                <td class="name"><code>width</code></td>
-            <td class="type">
-<span class="param-type">number</span>
-            </td>
-                <td class="attributes">
-                </td>
-            <td class="description last">the width of the entire layer</td>
-        </tr>
-        <tr>
-                <td class="name"><code>height</code></td>
-            <td class="type">
-<span class="param-type">number</span>
-            </td>
-                <td class="attributes">
-                </td>
-            <td class="description last">the height of the entire layer</td>
-        </tr>
-        <tr>
-                <td class="name"><code>options</code></td>
-            <td class="type">
-<span class="param-type">object</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-            <td class="description last">various optional arguments
-                <h6>Properties</h6>
-<table class="params">
-    <thead>
-    <tr>
-        <th>Name</th>
-        <th>Type</th>
-        <th>Attributes</th>
-        <th>Default</th>
-        <th class="last">Description</th>
-    </tr>
-    </thead>
-    <tbody>
-        <tr>
-                <td class="name"><code>x</code></td>
-            <td class="type">
-<span class="param-type">number</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-                <td class="default">
-                    <code>0</code>
-                </td>
-            <td class="description last">the horizontal position of the layer (relative to the movie)</td>
-        </tr>
-        <tr>
-                <td class="name"><code>y</code></td>
-            <td class="type">
-<span class="param-type">number</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-                <td class="default">
-                    <code>0</code>
-                </td>
-            <td class="description last">the vertical position of the layer (relative to the movie)</td>
-        </tr>
-        <tr>
-                <td class="name"><code>background</code></td>
-            <td class="type">
-<span class="param-type">string</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-                <td class="default">
-                    <code>null</code>
-                </td>
-            <td class="description last">the background color of the layer, or <code>null</code>
- for a transparent background</td>
-        </tr>
-        <tr>
-                <td class="name"><code>border</code></td>
-            <td class="type">
-<span class="param-type">object</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-                <td class="default">
-                    <code>null</code>
-                </td>
-            <td class="description last">the layer's outline, or <code>null</code> for no outline
-                <h6>Properties</h6>
-<table class="params">
-    <thead>
-    <tr>
-        <th>Name</th>
-        <th>Type</th>
-        <th>Attributes</th>
-        <th>Default</th>
-        <th class="last">Description</th>
-    </tr>
-    </thead>
-    <tbody>
-        <tr>
-                <td class="name"><code>color</code></td>
-            <td class="type">
-<span class="param-type">string</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-                <td class="default">
-                </td>
-            <td class="description last">the outline"s color; required for a border</td>
-        </tr>
-        <tr>
-                <td class="name"><code>thickness</code></td>
-            <td class="type">
-<span class="param-type">string</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-                <td class="default">
-                    <code>1</code>
-                </td>
-            <td class="description last">the outline"s weight</td>
-        </tr>
-    </tbody>
-</table>
-            </td>
-        </tr>
-        <tr>
-                <td class="name"><code>opacity</code></td>
-            <td class="type">
-<span class="param-type">number</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-                <td class="default">
-                    <code>1</code>
-                </td>
-            <td class="description last">the layer"s opacity; <code>1</cod> for full opacity
- and <code>0</code> for full transparency</td>
-        </tr>
-        <tr>
-                <td class="name"><code>font</code></td>
-            <td class="type">
-<span class="param-type">string</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-                <td class="default">
-                    <code>"10px sans-serif"</code>
-                </td>
-            <td class="description last"></td>
-        </tr>
-        <tr>
-                <td class="name"><code>color</code></td>
-            <td class="type">
-<span class="param-type">string</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-                <td class="default">
-                    <code>"#fff"</code>
-                </td>
-            <td class="description last"></td>
-        </tr>
-        <tr>
-                <td class="name"><code>textX</code></td>
-            <td class="type">
-<span class="param-type">number</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-                <td class="default">
-                    <code>0</code>
-                </td>
-            <td class="description last">the text's horizontal offset relative to the layer</td>
-        </tr>
-        <tr>
-                <td class="name"><code>textY</code></td>
-            <td class="type">
-<span class="param-type">number</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-                <td class="default">
-                    <code>0</code>
-                </td>
-            <td class="description last">the text's vertical offset relative to the layer</td>
-        </tr>
-        <tr>
-                <td class="name"><code>maxWidth</code></td>
-            <td class="type">
-<span class="param-type">number</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-                <td class="default">
-                    <code>null</code>
-                </td>
-            <td class="description last">the maximum width of a line of text</td>
-        </tr>
-        <tr>
-                <td class="name"><code>textAlign</code></td>
-            <td class="type">
-<span class="param-type">string</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-                <td class="default">
-                    <code>"start"</code>
-                </td>
-            <td class="description last">horizontal align</td>
-        </tr>
-        <tr>
-                <td class="name"><code>textBaseline</code></td>
-            <td class="type">
-<span class="param-type">string</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-                <td class="default">
-                    <code>"top"</code>
-                </td>
-            <td class="description last">vertical align</td>
-        </tr>
-        <tr>
-                <td class="name"><code>textDirection</code></td>
-            <td class="type">
-<span class="param-type">string</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-                <td class="default">
-                    <code>"ltr"</code>
-                </td>
-            <td class="description last">the text direction</td>
-        </tr>
-    </tbody>
-</table>
-            </td>
-        </tr>
-    </tbody>
-</table>
-        </div>
-        <h3 class="subsection-title">Members</h3>
-<h4 class="name" id="font"><span class="type-signature"></span>font<span class="type-signature"> :string</span></h4>
-<dl class="details">
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="layer.js.html">layer.js</a>, <a href="layer.js.html#line366">line 366</a>
-    </li></ul></dd>
-</dl>
-<div class="description">
-    The css font to render with
-</div>
-    <h5>Type:</h5>
-    <ul>
-        <li>
-<span class="param-type">string</span>
-        </li>
-    </ul>
-<h4 class="name" id="font"><span class="type-signature"></span>font<span class="type-signature"> :string</span></h4>
-<dl class="details">
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="layer.js.html">layer.js</a>, <a href="layer.js.html#line372">line 372</a>
-    </li></ul></dd>
-</dl>
-<div class="description">
-    The css color to render with
-</div>
-    <h5>Type:</h5>
-    <ul>
-        <li>
-<span class="param-type">string</span>
-        </li>
-    </ul>
-<h4 class="name" id="maxWidth"><span class="type-signature"></span>maxWidth<span class="type-signature"> :number</span></h4>
-<dl class="details">
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="layer.js.html">layer.js</a>, <a href="layer.js.html#line390">line 390</a>
-    </li></ul></dd>
-</dl>
-    <h5>Type:</h5>
-    <ul>
-        <li>
-<span class="param-type">number</span>
-        </li>
-    </ul>
-<h4 class="name" id="text"><span class="type-signature"></span>text<span class="type-signature"> :string</span></h4>
-<dl class="details">
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="layer.js.html">layer.js</a>, <a href="layer.js.html#line307">line 307</a>
-    </li></ul></dd>
-</dl>
-    <h5>Type:</h5>
-    <ul>
-        <li>
-<span class="param-type">string</span>
-        </li>
-    </ul>
-<h4 class="name" id="textAlign"><span class="type-signature"></span>textAlign<span class="type-signature"> :string</span></h4>
-<dl class="details">
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="layer.js.html">layer.js</a>, <a href="layer.js.html#line395">line 395</a>
-    </li></ul></dd>
-    <dt class="tag-see">See:</dt>
-    <dd class="tag-see">
-        <ul>
-            <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/textAlign"><code>CanvasRenderingContext2D#textAlign</code></a></li>
-        </ul>
-    </dd>
-</dl>
-<div class="description">
-    The horizontal alignment
-</div>
-    <h5>Type:</h5>
-    <ul>
-        <li>
-<span class="param-type">string</span>
-        </li>
-    </ul>
-<h4 class="name" id="textAlign"><span class="type-signature"></span>textAlign<span class="type-signature"> :string</span></h4>
-<dl class="details">
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="layer.js.html">layer.js</a>, <a href="layer.js.html#line402">line 402</a>
-    </li></ul></dd>
-    <dt class="tag-see">See:</dt>
-    <dd class="tag-see">
-        <ul>
-            <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/textBaseline"><code>CanvasRenderingContext2D#textBaseline</code></a></li>
-        </ul>
-    </dd>
-</dl>
-<div class="description">
-    the vertical alignment
-</div>
-    <h5>Type:</h5>
-    <ul>
-        <li>
-<span class="param-type">string</span>
-        </li>
-    </ul>
-<h4 class="name" id="textDirection"><span class="type-signature"></span>textDirection<span class="type-signature"> :string</span></h4>
-<dl class="details">
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="layer.js.html">layer.js</a>, <a href="layer.js.html#line409">line 409</a>
-    </li></ul></dd>
-    <dt class="tag-see">See:</dt>
-    <dd class="tag-see">
-        <ul>
-            <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/textBaseline"><code>CanvasRenderingContext2D#direction</code></a></li>
-        </ul>
-    </dd>
-</dl>
-    <h5>Type:</h5>
-    <ul>
-        <li>
-<span class="param-type">string</span>
-        </li>
-    </ul>
-<h4 class="name" id="textX"><span class="type-signature"></span>textX<span class="type-signature"> :number</span></h4>
-<dl class="details">
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="layer.js.html">layer.js</a>, <a href="layer.js.html#line378">line 378</a>
-    </li></ul></dd>
-</dl>
-<div class="description">
-    Offset of the text relative to the layer
-</div>
-    <h5>Type:</h5>
-    <ul>
-        <li>
-<span class="param-type">number</span>
-        </li>
-    </ul>
-<h4 class="name" id="textY"><span class="type-signature"></span>textY<span class="type-signature"> :number</span></h4>
-<dl class="details">
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="layer.js.html">layer.js</a>, <a href="layer.js.html#line384">line 384</a>
-    </li></ul></dd>
-</dl>
-<div class="description">
-    Offset of the text relative to the layer
-</div>
-    <h5>Type:</h5>
-    <ul>
-        <li>
-<span class="param-type">number</span>
-        </li>
-    </ul>
-</article>
-</section>
-</div>
-<br class="clear">
-<footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Sun Oct 13 2019 15:38:43 GMT-0400 (Eastern Daylight Time) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
-</footer>
-<script>prettyPrint();</script>
-<script src="scripts/polyfill.js"></script>
-<script src="scripts/linenumber.js"></script>
-</body>
-</html>