0

jsfiddle で fitText が期待どおりに動作していますが、コードを Web ページにコピーして貼り付けると、エラーが発生します。

jsfiddle デモで、[デザイン オプション]、 [カスタマイズ] をクリックし、3 つの入力のいずれかを入力します。入力は 22 文字に制限されており、fitText はそれに応じてそれを縮小します (ただし、カスタマイズされた画像が選択され、2 番目の「下部テキスト」が表示された場合は効果的ではありません)。

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 ページのデモで、[デザイン オプション]、 [カスタマイズ] をクリックし、3 つの入力のいずれかを入力します (上記のとおり)。入力は22文字に制限されており、入力を続けない限り、fitTextはそれに応じて縮小します... 22文字の制限により、余分なテキストは表示されませんが(良い)、キーを押すたびにテキストのサイズが10pxに達するまでどんどん小さくなります(悪い)。これは 10 インチのせいvar size = parseInt($j('#maxsize').val(), 10);ですか? これを 26 に変更しようとしましたが、うまくいきません。デフォルトの font-size は 36px で、最小テキスト サイズを we ページで 26px にしたいと思います (jsfiddle の場合と同様)。

この問題に関するヘルプは素晴らしいでしょう。前もって感謝します。

4

1 に答える 1

0

少しいじくり回して、自分で見つけました...最小テキストサイズと最大フォントサイズを追加するには

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