JavaScriptで文字列の長さをピクセル単位で取得する

Question

文字列「Hello」があるとします。この文字列は明らかに5文字ですが、その長さは何ピクセルですか？ JavaScriptでこの長さを判別する簡単な方法はありますか？私は余分なdivをユーザーに表示しなければならない解決策を考えましたが、この方法はハッキリで複雑なようです。

文字列の長さを埋めるために必要なスペースの数を判断しようとしています。上の説明から分かるように、文字列の長さと単一の空白文字をユーザーの視点から測定し、それに基づいてテキストを置き換えるスペースの数を計算するのが最善の方法だと思います。これは、HTML入力テキストで表示されます。

ありがとうございました。

Answer 1

コンテナの文字列のピクセル数を確認できます。これを行うには、DOM内に隠し要素を作成し、内部HTMLを文字列に設定してから幅を尋ねます。

Answer 2

私は、コンテナの長さを計算することを除いて、それらを行うのは簡単ではないと思います。幅はフォントサイズ、フォント、文字間隔に依存し、ブラウザなどによって異なります。