Question

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

jsfiddle demo 点击＆＃34;设计选项＆＃34;，＆＃34;自定义＆＃34;并输入3个输入中的任何一个。输入限制为22个字符，fitText会相应地缩小它（虽然在选择自定义图像并显示辅助＆＃34;底部文本＆＃34;时无效）。

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 点击＆＃34;设计选项＆＃34;，＆＃34;自定义＆＃34;并输入3个输入中的任何一个（如上所述）。输入限制为22个字符，fitText相应地缩小它 UNLESS 你继续输入... 22个字符的限制不会显示你的额外文本（好），但是每个按键调整文本的大小越来越小，直到它达到10px（差）。这是因为var size = parseInt($j('#maxsize').val(), 10);中的10？我已经尝试将其更改为26但不起作用。默认的字体大小是36px，我希望我们页面上的最小文本大小为26px（因为它在jsfiddle上）

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

Answer 1

所以稍微修补一下我自己弄清楚了...... 添加最小文本大小和最大字体大小

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

需要将minSize添加到fitText

1 个答案: