jsfiddleでfitTextが正常に機能していますが、Webページにコードをコピー/ペーストするとエラーが発生します。fitTextにminSizeを追加する必要があります
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はそれを縮小しますUNLESSあなたは余分なテキストを表示しません(良い)が、それぞれのキーを押すと、10px(悪い)に達するまで、 。これはvar size = parseInt($j('#maxsize').val(), 10);
の10のためですか?私はこれを26に変更しようとしましたが、動作しませんでした。デフォルトのフォントサイズは36pxで、私たちのページでは最小テキストサイズが26pxになるようにしています。(それはjsfiddle上にあります)
この問題の助けがあれば助かります。前もって感謝します。