objects_Text.js.html 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>JSDoc: Source: objects/Text.js</title>
  6. <script src="scripts/prettify/prettify.js"> </script>
  7. <script src="scripts/prettify/lang-css.js"> </script>
  8. <!--[if lt IE 9]>
  9. <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  10. <![endif]-->
  11. <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
  12. <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
  13. </head>
  14. <body>
  15. <div id="main">
  16. <h1 class="page-title">Source: objects/Text.js</h1>
  17. <section>
  18. <article>
  19. <pre class="prettyprint source linenums"><code>"use strict";
  20. import {Object2D} from "../Object2D.js";
  21. /**
  22. * Text element, used to draw text into the canvas.
  23. *
  24. * @class
  25. */
  26. function Text()
  27. {
  28. Object2D.call(this);
  29. /**
  30. * Text value.
  31. */
  32. this.text = "";
  33. /**
  34. * Font of the text.
  35. */
  36. this.font = "16px Arial";
  37. /**
  38. * Color (style) of the text.
  39. */
  40. this.color = "#000000";
  41. /**
  42. * Text align property.
  43. */
  44. this.textAlign = "center";
  45. }
  46. Text.prototype = Object.create(Object2D.prototype);
  47. Text.prototype.draw = function(context, viewport, canvas)
  48. {
  49. context.font = this.font;
  50. context.textAlign = this.textAlign;
  51. context.fillStyle = this.color;
  52. context.fillText(this.text, 0, 0);
  53. };
  54. export {Text};
  55. </code></pre>
  56. </article>
  57. </section>
  58. </div>
  59. <nav>
  60. <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Box.html">Box</a></li><li><a href="Box2.html">Box2</a></li><li><a href="BoxMask.html">BoxMask</a></li><li><a href="Circle.html">Circle</a></li><li><a href="DOM.html">DOM</a></li><li><a href="EventManager.html">EventManager</a></li><li><a href="Helpers.html">Helpers</a></li><li><a href="Image.html">Image</a></li><li><a href="Key.html">Key</a></li><li><a href="Line.html">Line</a></li><li><a href="Mask.html">Mask</a></li><li><a href="Matrix.html">Matrix</a></li><li><a href="Object2D.html">Object2D</a></li><li><a href="Pattern.html">Pattern</a></li><li><a href="Pointer.html">Pointer</a></li><li><a href="Renderer.html">Renderer</a></li><li><a href="Text.html">Text</a></li><li><a href="UUID.html">UUID</a></li><li><a href="Vector2.html">Vector2</a></li><li><a href="Viewport.html">Viewport</a></li></ul>
  61. </nav>
  62. <br class="clear">
  63. <footer>
  64. Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 3.6.2</a> on Thu Jun 06 2019 19:35:50 GMT+0100 (Western European Summer Time)
  65. </footer>
  66. <script> prettyPrint(); </script>
  67. <script src="scripts/linenumber.js"> </script>
  68. </body>
  69. </html>