textfitJS

文字がはみ出ないように制御するjsです。

SAMPLE

https://ishi720.github.io/textfitJS/

インストール

• npm

npm i textfitjs

• yarn

yarn add textfitjs

使い方

textShrinkCut()

const str2 = new textFit(".str2"); //初期化
str2.textShrinkCut('..など', 15); //てきすとふぃっと
str2.restoreOriginalText(); //元に戻す

説明

• 要素から文字がはみ出たら小さくします。それでもはみ出る場合は、文字を削ります。

パラメータ

• leader: 省略文字 (省略可。デフォルト"…")
• repeat: 繰り返す上限回数(省略可。デフォルト10)

textCut()

const str1 = new textFit(".str1"); //初期化
str1.textCut('【終了】'); //てきすとふぃっと
str1.restoreOriginalText(); //元に戻す

説明

• 要素から文字がはみ出たら文字を削ります。

パラメータ

• leader: 省略文字 (省略可。デフォルト"…")