JavaScriptでテキスト幅を計算します。
テキストの幅を計算するには、 Canvas.measureText()を使用します JavaScriptのメソッド。次のコードを実行して、テキストの幅を取得してみてください-
例
<!DOCTYPE html> <html> <head> </head> <body> <script> function displayTextWidth(text, font) { var myCanvas = displayTextWidth.canvas || (displayTextWidth.canvas = document.createElement("canvas")); var context = myCanvas.getContext("2d"); context.font = font; var metrics = context.measureText(text); return metrics.width; }; document.write("Text Width: "+displayTextWidth("This is demo text!", "italic 18pt verdana")); // </script> </body> </html>
-
JavaScriptでテキストボックスを選択することは可能ですか?
はい、select()メソッドを使用してJavaScriptでテキストボックスを選択します。まず、入力テキストを作成しましょう- Enter your Name:<input type="text" id="txtName" value="John"> <br> <button type="button" onclick="check()">Select Text Box</button> 次に、ボタンクリックでテキストボックスを選択します- 例
-
JavaScriptで<strong>タグにテキストを設定するにはどうすればよいですか?
まず、要素-を設定します <strong id="strongDemo">Replace This strong tag</strong> 上記で設定されたid属性は、#-を使用してテキストを設定するために使用されます。 $(document).ready(function(){ $("#strongDemo").html("Actual value of 5+10 is 15....."); }); 例 <!DOCTYPE html> <html lang=&qu