0

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

在jsfiddle 演示中 ，单击“设计选项”、“自定义”并输入 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()
});

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

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

4

1 回答 1

0

因此，经过一番修修补补，我自己想出了...添加最小文本大小和最大字体大小

    if (!isNaN(size)) {
$j('.jtextfill').textfill({
maxFontPixels: 38,
minFontPixels: 24
        });
    }
}
于 2016-07-07T14:05:06.877 回答