需要将 minSize 添加到 fitText

Question

我的 fitText 在 jsfiddle 中按预期工作，但是当我将代码复制/粘贴到网页时，出现错误。

在jsfiddle demo 单击“设计选项”、“自定义”并输入 3 个输入中的任何一个。输入限制为 22 个字符，fitText 会相应地缩小它（尽管在选择自定义图像并显示辅助“底部文本”时效果不佳）。

function update() {
    var size = parseInt($j('#maxsize').val(), 10);

    if (!isNaN(size)) {
        $j('.227').html($j('#input_217').val());
        $j('.296').html($j('#input_294').val());
        $j('.297').html($j('#input_295').val());
        $j('.298').html($j('#input_295').val());
        $j('.jtextfill').textfill({
            maxFontPixels: size
        });
    }
}

$j(document).ready(function() {
    $j('#maxsize').keyup(update);
    $j('#input_217').keyup(update);
    $j('#input_294').keyup(update);
    $j('#input_295').keyup(update);
    update()
});

在web page demo 单击“设计选项”、“自定义”并输入 3 个输入中的任何一个（如上）。输入限制为 22 个字符，fitText 会相应地缩小它除非您继续输入... 22 个字符的限制不会显示您的额外文本（很好），但每次按键都会将文本的大小调整得越来越小，直到它达到 10px（坏）。这是因为var size = parseInt($j('#maxsize').val(), 10); 中的 10 吗？我尝试将其更改为 26 但无法正常工作。默认字体大小为 36 像素，我希望我们页面上的最小文本大小为 26 像素（就像在 jsfiddle 上一样）

对这个问题的任何帮助都会很棒。提前致谢。

Answer 1

所以经过一番修修补补，我自己想通了...... 添加最小文本大小和最大字体大小

    if (!isNaN(size)) {
$j('.jtextfill').textfill({
maxFontPixels: 38,
minFontPixels: 24
        });
    }
}