使用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/