add fontScale

2022-12-07 12:05:30 +00:00
parent 9113f10bb0
commit bb71e99204
3 changed files with 435 additions and 0 deletions
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <title>JSDoc: Source: fontScale.js</title>
+
+    <script src="scripts/prettify/prettify.js"> </script>
+    <script src="scripts/prettify/lang-css.js"> </script>
+    <!--[if lt IE 9]>
+      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+    <link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
+    <link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
+</head>
+
+<body>
+
+<div id="main">
+
+    <h1 class="page-title">Source: fontScale.js</h1>
+
+    
+
+
+
+    
+    <section>
+        <article>
+            <pre class="prettyprint source linenums"><code>/** @module fontScale */
+
+/**
+ * Scale an element's font size to fit inside the given width.
+ * @param {HTMLElement} element 
+ * @param {Int} width defaults to `window.innerWidth`
+ * @returns {Promise&lt;Int>} resulting font size in px
+ */
+export function fontScale(element,width=innerWidth){
+    return new Promise(function(resolve){
+        let fontSize=0
+        element.style.fontSize=fontSize+'px'
+        width-=element.clientWidth
+        function down(){
+            if(element.clientWidth>=width){
+                fontSize-=1
+                element.style.fontSize=fontSize+'px'
+                requestAnimationFrame(down)
+            }else{
+                resolve(fontSize)
+            }
+        }
+        function up(){
+            if(element.clientWidth&lt;width){
+                fontSize+=10
+                element.style.fontSize=fontSize+'px'
+                requestAnimationFrame(up)
+            }else{
+                requestAnimationFrame(down)
+            }
+        }
+        requestAnimationFrame(up)
+    })
+}
+
+export default fontScale</code></pre>
+        </article>
+    </section>
+
+
+
+
+</div>
+
+<nav>
+    <h2><a href="index.html">Home</a></h2><h3>Modules</h3><ul><li><a href="module-CSSRandom.html">CSSRandom</a></li><li><a href="module-FileReaderAsync.html">FileReaderAsync</a></li><li><a href="module-FormDataDeep.html">FormDataDeep</a></li><li><a href="module-fontScale.html">fontScale</a></li></ul><h3>Classes</h3><ul><li><a href="module-FileReaderAsync.FileReaderAsync.html">FileReaderAsync</a></li><li><a href="module-FormDataDeep.FormDataDeep.html">FormDataDeep</a></li></ul>
+</nav>
+
+<br class="clear">
+
+<footer>
+    Documentation generated by <a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.0</a> on Wed Dec 07 2022 12:03:52 GMT+0000 (Coordinated Universal Time)
+</footer>
+
+<script> prettyPrint(); </script>
+<script src="scripts/linenumber.js"> </script>
+</body>
+</html>