需要將minSize添加到fitText

我有一個jsfiddle中按照預期工作的fitText，但是當我將代碼複製/粘貼到網頁時，會發生錯誤。需要將minSize添加到fitText

在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相應地收縮它除非繼續輸入... 22個字符限制不會顯示額外的文本（好），但每個按鍵都會調整文本的大小，直到達到10px（壞）。這是因爲var size = parseInt($j('#maxsize').val(), 10);中的10嗎？我試圖改變這個26，但不工作。默認的字體大小是36px，我希望我們頁面上的最小文本大小爲26px（因爲它在jsfiddle上）

任何有關這個問題的幫助都會很棒。提前致謝。所以有一點修修補補的

來源

2016-07-05 user3535811

我想通了自己... 要添加的最小文字大小和最大字體大小

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

來源

2016-07-07 14:05:06 user3535811

需要將minSize添加到fitText

回答

相關問題