使用javascript通過字符長度增加字體大小

Question

您好，我想知道如何通過使用字符長度作為參考來增加字體大小。 我正在嘗試做的是某種信息發布，它可以（也可以不）具有圖像，現在，當用戶僅放置文本時，發布的高度在大小上受到嚴重損害（由於用戶字符的隨機性）輸入），因此我正在嘗試開發一種東西，如果用戶僅在帖子上放置文本，則字體可能會增長，直到考慮到字符后達到帖子的最大高度（650像素）為止，因此很少的字符=更大的字體，很多字符=小字體（直到達到最大字體大小）。 基本上我想按使用的字符查找字體的增長比例。

要考慮的事情：

• 寬度對於此目的並不重要。

• 為此，我不能降低帖子的高度，必須為650像素。

• 該帖子可以在不損害其高度的情況下最多包含1202個字符和10.5px

• 我知道帖子要求的最小字符長度看起來並不奇怪。

如果我不能正確地解釋自己，請告訴我，我真的很感激，謝謝。

Answer 1

這是我根據長度更改字體大小的方法：

 function changeFontSize() { var thisVal = $('#input').val(); //get input value $('#output').text(thisVal); //change <p> text to input text var fontSize = 300/thisVal.length; //alter font size depending on string length $('#output').css("font-size", fontSize + "px"); //set font size } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div> <input id='input' onchange='changeFontSize()' onkeyup='changeFontSize()'> <p id='output'> </p> </div> 

其余的應該很容易實現:)

小提琴： https : //jsfiddle.net/9m62qyxa/