javascript - JavaScript を使用して文字列の長さをピクセル単位で取得する

Question

文字列の正確な長さをピクセル単位で知りたい、つまり「Hello World」。

私のコンテナの長さであってはなりません。

何か助けて???

Answer 1

テキストを に入れ、<span>JavaScript を使用して の幅を測定します<span>。

HTML:

<span id="text">Dummy text</span>

JavaScript:

var textWidth = document.getElementById("text").clientWidth;

jQuery:

$('#text').width();

Answer 2

インライン要素を作成し（spanたとえば、）、文字列を要素のコンテンツとして設定し（innerHTML）、ドキュメントに挿入し（要素に追加）、幅を取得できます（clientWidth）。

フォント スタイルに依存するため、文字列の長さをピクセル単位で測定する方法は他にありません。

Answer 3

文字列のピクセル長は、フォントやウェイト、サイズなどの個別に適用された CSS 属性に応じて変化するため、これが JS で可能であることはわかりません。