2016-07-05 10 views
0

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上にあります)

この問題の助けがあれば助かります。前もって感謝します。

答えて

0

ので、工夫のビットと私は自分自身をそれを考え出した... は最小テキストサイズと最大フォントサイズを追加するには

if (!isNaN(size)) { 
$j('.jtextfill').textfill({ 
maxFontPixels: 38, 
minFontPixels: 24 
     }); 
    } 
} 
関連する問題